2017-9-19-HTML(二)

form表單之input

 

<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 個字符。

  

form表單之select標籤

 

示例代碼    
<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標籤和span標籤》

 

<div> 是一個塊級元素。這意味着它的內容自動地開始一個新行。實際上,換行是 <div> 固有的惟一格式表現。能夠經過 <div> 的 class 或 id 應用額外的樣式。
沒必要爲每個 <div> 都加上類或 id,雖然這樣作也有必定的好處。
能夠對同一個 <div> 元素應用 class 或 id 屬性,可是更常見的狀況是隻應用其中一種。這二者的主要差別是,class 用於元素組(相似的元素,或者能夠理解爲某一類元素),而 id 用於標識單獨的惟一的元素。

  

span
使用 <span> 來組合行內元素,以便經過樣式來格式化它們。
註釋:span 沒有固定的格式表現。當對它應用樣式時,它纔會產生視覺上的變化。
相關文章
相關標籤/搜索