HTML中表單組件有哪些

發(fā)布時(shí)間：2021-01-30 13:41:36 來源：億速云閱讀：208 作者：小新欄目：web開發(fā)

這篇文章主要介紹HTML中表單組件有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(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>

以上是“HTML中表單組件有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

HTML中表單組件有哪些

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽