HTML中表單組件
發(fā)表時(shí)間：2023-09-08 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]本文通過實(shí)例代碼給大家介紹了HTML 表單組件的知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧HTML 表單用于搜集不同類型的用戶輸入。具體代碼如下所示：<!DOCTYPE html> <html> <head> <meta charset=&...
本文通過實(shí)例代碼給大家介紹了HTML 表單組件的知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
HTML 表單用于搜集不同類型的用戶輸入。
具體代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
如果要給服務(wù)端提交數(shù)據(jù) 表單中的組件必須有name和value屬性
用于給服務(wù)端獲取數(shù)據(jù)
-->
<from>輸入名稱:<input type="text" name="user" value=""/><br/>
輸入密碼:<input type="password" name="passwd" value=""/>
<br/>
選擇性別:<input type="radio" name="sex" vlaue="nan"/> 男 <input type="radio" name="sex" value="nv" checked="checked"/> 女
<br/>
選擇技術(shù):
<input type="checkbox" name="tech" value="java"/>Java
<input type="checkbox" name="tech" value="html"/>html
<input type="checkbox" name="tech" value="css"/>CSS<br/>
選擇文件:
<input type="file" name="file" /><br/>
一個(gè)圖片:<input type="image" src="11.jpg" ><br/>
<!-- 數(shù)據(jù)不需要客戶端指定 但是可以將其提交服務(wù)端 -->
隱藏組件:<input type="hidden" name="mykey" value="myvalue"/><br/>
一個(gè)按鈕:<input type="button" value="有個(gè)按鈕" onclick="alert('有個(gè)按鈕')"><br/>
<select name="contry">
<option value="none">--選擇國(guó)家-</option>
<option value="usa">美國(guó)</option>
<option value="en">英國(guó)</option>
<option value="cn" selected="selected">中國(guó)</option>
</select>
<textarea name="text"></textarea>
<br/>
<input type="reset" value="清除數(shù)據(jù)"/><input type="submit" value="提交數(shù)據(jù)"/>
<from>
</body>
</html>總結(jié)：以上就是本篇文的全部?jī)?nèi)容，希望能對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)推薦：
PHP實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容html標(biāo)簽補(bǔ)全和過濾的方法
基于ajax html實(shí)現(xiàn)文件上傳技巧總結(jié)
HTML中如何引入CSS
以上就是HTML中表單組件的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
