JavaScript web表單功能交流干貨滿滿
一、前言
前面我們說了有關前端顯示的問題,現(xiàn)在我們回歸之前的內(nèi)容,豐富一些表單操作。
二、正文部分
通過我們之前的內(nèi)容,相信大家對于idea中的環(huán)境配置已經(jīng)非常熟悉了吧,那么我們現(xiàn)在就
不在講環(huán)境配置了還有不太明白的同學可以在我的第一篇中找到相關的內(nèi)容。
那么直接如圖:
這是我們最開始做的東西,我們先運行得
在輸完賬號密碼我們提交后會在此網(wǎng)頁中顯示出來,這對于賬號密碼來說使我們不愿意看到
的所以我們只需要在form表單中加入method=" post"
method=" post"
是加密提交我們寫他,不寫或者get都是公開提交,運行之后
此時輸入賬號密碼提交之后都不會顯示出來了。
其實非加密提交在我們平時的搜索中十分常見的如圖:
我們在提交之后沒有一點顯示,這很常的不舒服,所以我們
<script type="text/javascript"> function 提交() { alert("提交成功") } </script>
其中fuction 后的名字是任意的 ,alert所顯示的內(nèi)容也是任意的,我們還要在提交按鈕那里
加上這個功能
運行之后我們,輸入后點擊提交后可以得到,之后點確定即可提交成功
若是我們也想在重置那里也來個提示,原理也是一樣的
重置按鈕那里:
注意寫得功能必須對應即可:
運行之后:點擊重置
點擊確定即可成功清除。
我們在輸入賬號密碼的時候感覺框框太大或者太小,所以我們可以控制文本框的長度
可以用size去控制
賬號是用size控制的,密碼是默認的長度,我們來對比一下即可
長度明顯不同,這我們就控制了文本框的長度
然后我們覺得控制了文本框的長度,還遠遠不夠,比如要設置不能超過多少位,用maxlength=" "來限制所要輸入的長度
此時運行之后再查看發(fā)現(xiàn)確實可以,到第五位之后就輸不了了
maxlength字面意思也是最大長度,可謂是非常的好記。
多行文本框的輸入:textares,可以輸入大量信息
到此這篇關于JavaScript web表單功能交流干貨滿滿的文章就介紹到這了,更多相關JavaScript web 表單內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
在Node.js中使用Javascript Generators詳解
下面小編就為大家?guī)硪黄贜ode.js中使用Javascript Generators詳解。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-05-05javascript的字符串按引用復制和傳遞,按值來比較介紹與應用
字符串是按引用復制和傳遞的,但是是按值來比較的;當按值復制或傳遞時,將在計算機內(nèi)存中分配一塊空間并將原值復制到其中,需要的朋友可以參考下2012-12-12cnblogs 代碼高亮顯示后的代碼復制問題解決實現(xiàn)代碼
cnblogs是比較有名的技術博客基地,很多技術達人都在里面發(fā)布技術文章, 不過由于代碼不利于復制,因為頁面里面有pre標簽等問題2011-12-12利用JavaScript中的高階函數(shù)和閉包實現(xiàn)命令模式
命令模式提供了一種優(yōu)雅的解決方案,使得我們能夠靈活地封裝和管理代碼操作,所以本文將為大家介紹命令模式的概念、應用場景以及在JavaScript中的實現(xiàn)方式,需要的可以參考一下2023-06-06JS中頁面與頁面之間超鏈接跳轉(zhuǎn)中文亂碼問題的解決辦法
在原頁面一張圖片上添加了一個鏈接,鏈接中有中文,于是在跳轉(zhuǎn)過程中出現(xiàn)中文亂碼問題,下面給大家分享下解決方案2016-12-12layer彈出子iframe層父子頁面?zhèn)髦档膶崿F(xiàn)方法
這篇文章主要介紹了layer彈出子iframe層父子頁面?zhèn)髦档膶崿F(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-11-11