溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了HTML表單的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <!-- 1.表單元素 用來聲明數據提交的范圍 只有在此元素內的數據可以提交給服務器 --> <!-- action屬性用來聲明數據提交的目標 --> <form action="http://www.baidu.com"> <!-- 2.表單控件 用來讓用戶輸入數據的 1）input元素（9個 ），它們之間用type元素區分--> <!-- 文本框 value:設置默認值 maxlength:設置最大長度 readonly:設置只讀 --> <p> 賬號:<input type="text" value="lcz" maxlength="10"/> </p> <!-- 密碼框 屬性同上 --> <p> 密碼:<input type="password"> </p> <!-- 單選框 name:組名。同一組名互相排斥 checked設置默認選中--> <p> 性別: <input type="radio" name="sex" checked="checked"/>男 <input type="radio" name="sex"/>女 </p> <!-- 多選框 checked:設置默認選中 --> <p> 興趣愛好: <input type="checkbox" checked="checked"/>音樂 <input type="checkbox" checked="checked"/>看書 <input type="checkbox"/>打球 </p> <!-- 文件框 --> <p> 頭像上傳:<input type="file"/> </p> <!-- 隱藏框 --> <p> <input type="hidden" value="abc"/> </p> <!-- 按鈕 submit：提交表單中的數據 reset：將表單中的數據重置為初始值 button:沒有任何功能，需通過js定義功能 --> <p> <!-- 提交按鈕 --> <input type="submit" value="注冊"> <!-- 重置按鈕 --> <input type="reset" value="重置"> <!-- 普通按鈕 --> <input type="button" value="按鈕"> </p> <!--2)其他元素（3個） --> <!-- label：用來管理表單中的文本 id:是元素的唯一標志，相當于元素的身份證號，任何元素都可以由id，程序員有義務保證元素的id不重復 可以將文本與空間綁定在一起，從而增加了控件的受力面積。--> <p> <input type="checkbox" id="xieyi"/> <label for="xieyi">我已閱讀并且自愿遵守此協議！</label> </p> <!-- select:下拉選 selected:設置默認選中 --> <p> 城市: <select> <option>請選擇</option> <option selected="selected">北京</option> <option>上海</option> <option>廣州</option> <option>深圳</option> <option>杭州</option> </select> </p> <!-- textarea:文本域 --> <p> 簡介：<br> <textarea rows="10" cols="100">這是文本域的默認值</textarea> </p> </form> </body> </html>
感謝你能夠認真閱讀完這篇文章，希望小編分享的“HTML表單的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
