這篇文章主要介紹了HTML表單元素如何使用的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇HTML表單元素如何使用文章都會(huì)有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),溧陽企業(yè)網(wǎng)站建設(shè),溧陽品牌網(wǎng)站建設(shè),網(wǎng)站定制,溧陽網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,溧陽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

這個(gè)算是Html中的重中之重了，因?yàn)橛玫谋容^多，基本上所有的表單元素都包含在Form標(biāo)簽中。每一個(gè)表單中的空間要么獨(dú)立存在，要么處于Input中，下面我們來詳細(xì)了解下：

<form action='' method='get' accept-charset="" target="" autocomplete="" enctype="" novalidate>
<fieldset> #字段組
<legend>表單數(shù)據(jù)</legend> 字段組名
表單控件的標(biāo)記
<label for='sex'> for必須指向id
<input type="text" name="sex" id='sex'>
</label>
文本輸入框：<input type="text"> 
密碼輸入框：<input type="password" name="">
單選框：<input type="radio" name="性別" value="男" checked>
<input type="radio" name="性別" value="女">
多選框：<input type="checkbox" name="愛好" value='踢足球'>
<input type="checkbox" name="愛好" value='打籃球'>
<input type="checkbox" name="愛好" value='打排球'>
<input type="checkbox" name="愛好" value='羽毛球'>
<input type="checkbox" name="愛好" value='橄欖球'>
按鈕：<button>button1</button>
下拉列表：
<select name='seq'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
文本域：
<textarea name='area' rows=10 cols=20> 行占10個(gè)字符 列占20個(gè)字符，一個(gè)漢字等于兩個(gè)字符
hello world
</textarea>
菜單：
<menu type="list"> 列表菜單 還有上下文菜單(context) 工具欄菜單(toolbar)
<menu label="文件">
<button type="button">新建</button>
<button type="button">打開</button>
<button type="button">退出</button>
</menu>
</menu>
<menu type="context" id="menu">
<menuitem label="menu" type='checkbox' icon="1.png"> 多選菜單項(xiàng)目 還有單選(radio)和命令(command)
</menuitem>
</menu>
<input type="button" name="" value='button2'>
提交：<input type="submit" name="" value="Submit">
</fieldset>

Html5表單類型
預(yù)定義選項(xiàng)列表
<input list="rice">
<datalist id="rice">
  <option value="1">
  <option value="2">
  <option value="3">
  <option value="4">
  <option value="5">
</datalist> 

表單的密鑰對(duì)生成器字段
當(dāng)提交表單時(shí)，私鑰存儲(chǔ)在本地，公鑰發(fā)送到服務(wù)器。
<keygen name="security"  keytype="rsa" disabled="disabled"/>

輸入框只允許數(shù)字輸入
<input type="number">

日期
<input type="date" name="">

顏色
<input type="color" name="">

范圍
<input type="range" name="">

月份和年份
<input type="month" name="">

星期和年份
<input type="week" name="">

時(shí)間
<input type="time" name="">

日期時(shí)間選擇(有時(shí)區(qū))
<input type="datetime" name="">

日期時(shí)間選擇(無時(shí)區(qū))
<input type="datetime-local">

郵箱
<input type="email" name="">

搜索
<input type="search" name="">

電話
<input type="tel" name="">

url
<input type="url" name="">
</form>

action：處理表單數(shù)據(jù)的服務(wù)器腳本語言（如php）
method：請(qǐng)求方法 如get post
accept-charset：提交表單時(shí)的字符編碼 如utf-8
target：頁面跳轉(zhuǎn)方式
autocomplete：自動(dòng)完成表單 off關(guān)閉 on開啟
enctype:表單數(shù)據(jù)的編碼 如application/x-www-form-urlencoded(默認(rèn)),multipart/form-data(文件上傳),text/plain
novalidate：瀏覽器不驗(yàn)證表單


formtarget   覆蓋target屬性,用于type="submit"和type="image"。
formnovalidate覆蓋novalidate屬性,用于 type="submit"
formmethod   覆蓋method 屬性,用于 type="submit"以及type="image"
formenctype   覆蓋enctype屬性,用于type="submit"以及type="image",僅針對(duì)method="post"的表單
formaction   提交表單時(shí)處理該輸入控件的文件的URL
form         規(guī)定input元素所屬的一個(gè)或多個(gè)表單
autofocus     當(dāng)頁面加載時(shí)自動(dòng)獲得焦點(diǎn)
disabled     輸入字段應(yīng)該被禁用
max           輸入字段的最大值
maxlength     輸入字段的最大字符數(shù)
min           輸入字段的最小值
pattern       通過其檢查輸入值的正則表達(dá)式
readonly     輸入字段為只讀
required     輸入字段是必需的
size         輸入字段的寬度
step         輸入字段的合法數(shù)字間隔
value         輸入字段的默認(rèn)值
multiple     常用于郵箱和文件，可多個(gè)上傳文件
placeholder   提示用戶該如何正確輸入

關(guān)于“HTML表單元素如何使用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“HTML表單元素如何使用”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前標(biāo)題：HTML表單元素如何使用
分享鏈接：http://chinadenli.net/article46/jpchhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、品牌網(wǎng)站制作、網(wǎng)站收錄、營銷型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)