form屬性
<form id="testform">
<input type="text" name="">
</form>
<input form="testform" type="text" name="">
- 注:html5中,在form外的input,如果其form屬性與form表單的id相同,則其input屬于該form范圍,則在form表單提交時,其也會一并提交。
placeholder屬性
<input type="text" name="" placeholder="請輸入內容">
autofocus熟悉
<input type="text" name="" placeholder="請輸入內容" autofocus>
required屬性
<input type="text" name="" required>
- 如果表單中有required屬性的項未填寫,則無法提交
移動web表單的input類型(即type=" ")
- search類型文本
支持safari瀏覽器,文本框外觀圓角文本框
- email類型文本
支持safari瀏覽器,外觀和text類型一樣,在輸入時iphone輸入鍵盤提供和email相關的字符輸入鍵,比如@和點號
- number類型文本
支持safari瀏覽器,輸入時,iphone提供數字和字母結合的鍵盤
- range類型文本
數值范圍輸入文本框,提供的是一種滑動輸入方式,需配合max,min,range等屬性使用。
- tel類型文本
支持safari瀏覽器,輸入時,iphone提供數字的輸入法鍵盤;
- url類型文本
支持safari瀏覽器,輸入時,iphone提供網址的輸入法鍵盤;
- datetime-local 日期和時間選擇文本框
- Time 時間選擇文本框
- Date 日期選擇文本框
- Week 年的周號選擇文本框
- Month 月份選擇文本框
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。