親自試一試
如設置 maxlength 屬性,則輸入控件不會接受超過所允許數的字符。
該屬性不會提供任何反饋。如果需要提醒用戶,則必須編寫 JavaScript 代碼。
注釋:輸入限制并非萬無一失。JavaScript 提供了很多方法來增加非法輸入。如需安全地限制輸入,則接受者(服務器)必須同時對限制進行檢查。
提示:您可以把表單的 autocomplete 設置為 on,同時把特定的輸入字段設置為 off,反之亦然。
autocomplete 屬性適用于 form 以及如下 input 類型:text、search、url、tel、email、password、datepickers、range 以及 color。
自動完成開啟的 HTML 表單(某個輸入字段為 off):
form action= action_page.php autocomplete= on First name: input type= text name= fname br Last name: input type= text name= lname br E-mail: input type= email name= email autocomplete= off br input type= submit /form
親自試一試
提示:在某些瀏覽器中,您也許需要手動啟用自動完成功能。
親自試一試
formenctype 屬性規定當把表單數據(form-data)提交至服務器時如何對其進行編碼(僅針對 method= post 的表單)。
formenctype 屬性覆蓋 form 元素的 enctype 屬性。
formenctype 屬性適用于 type= submit 以及 type= image 。
發送默認編碼以及編碼為 multipart/form-data (第二個提交按鈕)的表單數據(form-data):
form action= demo_post_enctype.asp method= post First name: input type= text name= fname br input type= submit value= Submit input type= submit formenctype= multipart/form-data value= Submit as Multipart/form-data /form
親自試一試
親自試一試
親自試一試
親自試一試
注釋:請始終規定圖像的尺寸。如果瀏覽器不清楚圖像尺寸,則頁面會在圖像加載時閃爍。
把圖像定義為提交按鈕,并設置 height 和 width 屬性:
input type= image src= img_submit.gif alt= Submit width= 48 height= 48
親自試一試
min 和 max 屬性適用于如需輸入類型:number、range、date、datetime、datetime-local、month、time 以及 week。
具有最小和最大值的 input 元素:
Enter a date before 1980-01-01: input type= date name= bday max= 1979-12-31 Enter a date after 2000-01-01: input type= date name= bday min= 2000-01-02 Quantity (between 1 and 5): input type= number name= quantity min= 1 max= 5
親自試一試
Country code: input type= text name= country_code pattern= [A-Za-z]{3} title= Three letter country code 親自試一試
placeholder 屬性規定用以描述輸入字段預期值的提示(樣本值或有關格式的簡短描述)。
該提示會在用戶輸入值之前顯示在輸入字段中。
placeholder 屬性適用于以下輸入類型:text、search、url、tel、email 以及 password。
擁有占位符文本的輸入字段:
input type= text name= fname placeholder= First name
親自試一試
required 屬性適用于以下輸入類型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file.
必填的輸入字段:
Username: input type= text name= usrname required
親自試一試
step 屬性適用于以下輸入類型:number、range、date、datetime、datetime-local、month、time 以及 week。
擁有具體的合法數字間隔的輸入字段:
input type= number name= points step= 3
親自試一試
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答