溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
1.表單用于搜集不同類型的用戶輸入，表單由不同類型的標簽組成，相關標簽及屬性用法如下：
（1）<form>標簽：定義整體的表單區域
action屬性：定義表單數據提交的地址
method屬性：定義表單提交的方式，一般有“get"方式和“post"方式
（2）<label>標簽為表單元素定義文字標注
（3）<inpuy>標簽定義通用的表單元素
type屬性：
type="text" 定義單行文本輸入框
type="password" 定義密碼輸入框
type="radio" 定義單選框
type="checkbox" 定義復選框
type="file" 定義上傳文件
type="submit" 定義提交按鈕
type="reset" 定義重置按鈕
type="image" 定義圖片作為提交按鈕，用src屬性定義圖片地址
type="hidden" 定義一個隱藏的表單域，用來存儲值
value屬性 定義表單元素的值
name屬性 定義表單元素的名稱，此名稱是提交數據時的鍵名
（4）
<textarea>標簽：多行文本輸入框
<select>標簽：下拉表單元素
<option>標簽：與<select>標簽配合使用，定義下拉表單元素的選項
<body>
<h2>注冊表單</h2>
<form action="" method="post"><!--name相當于鍵名，有鍵名才能提交,action不寫提交到本地,method使用TCP協議提交，敏感數據用post,反之用get -->
<div>
<label for="0">用戶名：</label>
<input type="text" name="username" id="0"/> <!--當for與id吻合，點擊用戶名即可激活輸入框-->
</div>
<p>
<label for="1">密 碼：</label>
<input type="password" name="password" id="1"/>
</p>
<p>
<label >性 別：</label>
<input type="radio" name="gender" value="0" id="male"/> <label for="male">男</label>
<input type="radio" name="gender" value="1" id="female"/> <label for="female">女</label>
</p>
<p>
<label>愛 好：</label> <!--name，value鍵值，便于后端存儲-->
<input type="checkbox" name="like" value="study"/> 學習
<input type="checkbox" name="like" value="languge"/> python
<input type="checkbox" name="like" value="architecture"/> django
</p>
<p>
<label>照 片：</label>
<input type="file" name="file" />
</p>
<p>
<label name="introduce" >個人介紹：</label>
<textarea ></textarea> <!--textarea多行文本框-->
</p>
<p>
<label>籍貫</label>
<select name="site"> <!--select 選擇框-->
<option value="0">廣東</option>
<option value="1">臺灣</option>
<option value="2">澳門</option>
<option value="3">香港</option>
</select>
<input type="hidden" name="hid" value="323"> <!--hidden不顯示在頁面上-->
</p>
<p>
<input type="submit" name="" value="提交">
<!--<input type="image" src="image/海賊王.jpg" name="">--> <!--會導致提交兩次，不建議使用-->
<input type="reset" name="" value="重置">
</p>
</form></body>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
