一、前言
前面我們說了有關前端顯示的問題,現在我們回歸之前的內容,豐富一些表單操作,
二、正文部分
通過我們之前的內容,相信大家對于idea中的環境配置已經非常熟悉了吧,那么我們現在就
不在講環境配置了還有不太明白的同學可以在我的第一篇中找到相關的內容,
那么直接如圖:

這是我們最開始做的東西,我們先運行得

在輸完賬號密碼我們提交后會在此網頁中顯示出來,這對于賬號密碼來說使我們不愿意看到
的所以我們只需要在form表單中加入method=" post"

method=" post"是加密提交我們寫他,不寫或者get都是公開提交,運行之后

此時輸入賬號密碼提交之后都不會顯示出來了,
其實非加密提交在我們平時的搜索中十分常見的如圖:

我們在提交之后沒有一點顯示,這很常的不舒服,所以我們

<script type="text/javascript">
function 提交() {
alert("提交成功")
}
</script>
其中fuction 后的名字是任意的 ,alert所顯示的內容也是任意的,我們還要在提交按鈕那里
加上這個功能

運行之后我們,輸入后點擊提交后可以得到,之后點確定即可提交成功

若是我們也想在重置那里也來個提示,原理也是一樣的

重置按鈕那里:
注意寫得功能必須對應即可:
運行之后:點擊重置

點擊確定即可成功清除,
我們在輸入賬號密碼的時候感覺框框太大或者太小,所以我們可以控制文本框的長度
可以用size去控制

賬號是用size控制的,密碼是默認的長度,我們來對比一下即可

長度明顯不同,這我們就控制了文本框的長度
然后我們覺得控制了文本框的長度,還遠遠不夠,比如要設定不能超過多少位,用maxlength
=" "來限制所要輸入的長度

此時運行之后再查看發現確實可以,到第五位之后就輸不了了
maxlength字面意思也是最大長度,可謂是非常的好記,
多行文本框的輸入:textares,可以輸入大量資訊


轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/308903.html
標籤:其他
