溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML5屬性：form表單屬性怎么用

發(fā)布時(shí)間：2020-10-13 15:59:07 來(lái)源：億速云 閱讀：120 作者：小新 欄目：web開(kāi)發(fā)

小編給大家分享一下HTML5屬性：form表單屬性怎么用，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>表單</title>
</head>
<body>
<!-- 表單
action：提交的網(wǎng)址 默認(rèn)是當(dāng)前的網(wǎng)址； 自定義
method: 默認(rèn)：get / post
-->
<form action="" method="post">
<p>
<!-- 1.用戶名 -->
<label for="">用戶名：</label>
<input id="xx" type="text" placeholder="請(qǐng)輸入" name="username">
</p>
<p>
<!-- 2.密碼 -->
<label for="">密&nbsp;&nbsp;&nbsp;&nbsp;碼：</label>
<input type="password" name="pwd">
</p>
<p>
<!-- 3.性別 -->
<label for="">性&nbsp;&nbsp;&nbsp;&nbsp;別：</label>
<input type="radio" name="sex" value="0">男
<input type="radio" name="sex" value="1">女
</p>
<p>
<!-- 4.愛(ài)好 -->
<label for="">愛(ài)&nbsp;&nbsp;&nbsp;&nbsp;好：</label>
<input type="checkbox" name="like" value="0">妹子
<input type="checkbox" name="like" value="1">漢子
<input type="checkbox" name="like" value="2">健身
<input type="checkbox" name="like" value="3">游泳
</p>
<p>
<!-- 5.上傳文件 -->
<label for="">玉&nbsp;&nbsp;&nbsp;&nbsp;照：</label>
<input type="file" name="file">
</p>
<p>
<!-- 6.下拉列表 -->
<label for="">籍&nbsp;&nbsp;&nbsp;&nbsp;貫：</label>
<select name="address" id="">
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">廣東</option>
<option value="3" selected="selected">深圳</option>
</select>
</p>
<p>
<!-- 7.文本域 -->
<label for="">個(gè)人描述：</label>
<textarea name="info" id="" cols="30" rows="10"></textarea>
</p>
<p>
<!-- 8.注冊(cè) -->
<input type="submit" value="注冊(cè)">
<!-- 9.重置 -->
<input type="reset">
<!-- 10.隱藏域 -->
<input type="hidden" name="isVIP" value="yes">
<!-- 11.普通按鈕 -->
<input type="button" value="普通按鈕">
</p>
</form>
</body>
</html>

運(yùn)行效果如下：

HTML5屬性：form表單屬性怎么用

看完了這篇文章，相信你對(duì)HTML5屬性：form表單屬性怎么用有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手