<body> <!--<action="ip地址端口訪問的路徑以及數據"--> <from action="" method="post"> <p>
<lable for = "c1">
姓名:
</lable>
<input type="text" name="username" value="" id = "c1"></p> <p>密碼:<input type="password" name="password" value=""></p> <p>性別<input type="radio" name="gender" value="male" checked>男 <input type="radio" name="gender" value="female">女</p> <p>愛好 <input type="checkbox" name="hobby" value="basketball" checked="checked">籃球 <input type="checkbox" name="hobby" value="football">足球 <input type="checkbox" name="hobby" value="study">學習</p> <p>頭像:<input type="file" name="fileOBJ"></p> <p><input type="hidden" name="csrf" value="asdfasd"></p> <p>我的簡介 <br> <textarea name="personalinfo" id="" cols="50" rows="20"></textarea> </p> <p><input type="reset" value="reset"></p> <p><input type="button" value="按鈕"></p> <p><input type="submit" value="註冊"></p> </from> </body>
《input》標籤下的屬性:
type 規定 input 元素的類型。
name 定義 input 元素的名稱。 value 規定 input 元素的值。 checked 規定此 input 元素首次加載時應當被選中。
lable 能夠把「姓名:」 的後面的代碼利用id關聯到一塊。
《input》標籤下的type屬性的元素: button 定義可點擊按鈕(多數狀況下,用於經過 JavaScript 啓動腳本)。 checkbox 定義複選框。 file 定義輸入字段和 "瀏覽"按鈕,供文件上傳。 hidden 定義隱藏的輸入字段。 image 定義圖像形式的提交按鈕。 password 定義密碼字段。該字段中的字符被掩碼。 radio 定義單選按鈕。 reset 定義重置按鈕。重置按鈕會清除表單中的全部數據。 submit 定義提交按鈕。提交按鈕會把表單數據發送到服務器。 text 定義單行的輸入字段,用戶可在其中輸入文本。默認寬度爲 20 個字符。
示例代碼
<from>
<body>
<p>
<select name="province" size="5" multiple="multiple"> <option value="hebei">河北省</option> <option value="jiangxi">江西省</option> <option value="hunan" selected>湖南省</option> <option value="hunan" selected="selected">湖北省</option> <option value="hunan">海南省</option> </select> </p>
</from>
</body>
select標籤中經常使用的屬性
multiple 規定可選擇多個選項。 name 規定下拉列表的名稱。 size 規定下拉列表中可見選項的數目。
<div> 是一個塊級元素。這意味着它的內容自動地開始一個新行。實際上,換行是 <div> 固有的惟一格式表現。能夠經過 <div> 的 class 或 id 應用額外的樣式。 沒必要爲每個 <div> 都加上類或 id,雖然這樣作也有必定的好處。 能夠對同一個 <div> 元素應用 class 或 id 屬性,可是更常見的狀況是隻應用其中一種。這二者的主要差別是,class 用於元素組(相似的元素,或者能夠理解爲某一類元素),而 id 用於標識單獨的惟一的元素。
span 使用 <span> 來組合行內元素,以便經過樣式來格式化它們。 註釋:span 沒有固定的格式表現。當對它應用樣式時,它纔會產生視覺上的變化。