HTML基礎--(三)

1.文件選擇框:

<input type="file" accept="image/*">  accept屬性指定可選擇的文件類型。

2.下拉列表:

<select>:標籤定義一個下拉列表;name=“province”屬性定義提交的參數名。

<option>:標籤定義下拉列表的一個選項;標籤的內容定義了該選項實現的文本。value屬性定義選中該項時傳遞的參數值。

<select name="province">
   
<option value="41">河南</option>
   
<option value="33">浙江</option>
   
<option value="32">江蘇</option>
   
<option value="36">江西</option>
</select>

3.下拉列表多選:

同下拉列表,可通過社會multiple來實現。

<select>標籤的size屬性定義了下拉列表框顯示的選項個數,當小於實際選項個數時,會自動增加一個滾動條。

<optgroup>的lable屬性定義分組名顯示的文字,disabled設置該分組不能用。

<optgroup label="國產車">
    <option value="紅旗">紅旗</option>
    <option value="BYD">比亞迪</option>
    <option value="奇瑞">QQ</option>
</optgroup>
<optgroup label="德系">
    <!--selected---設置選項-->
   
<option value="benz"selected="selected">奔馳</option>
    <option value="BWN">寶馬</option>
    <option value="dazhong">大衆</option>
</optgroup>
<optgroup label="日系" disabled="disabled">

<option value="fengtian">豐田</option>
    <option value="bentian">本田</option>
    <option value="sanling">三菱</option>
</optgroup>

4.textarea和fieldset

<textarea> 標籤定義一個多行的文本輸入控件。,主要是爲了方便用戶輸入較多文字信息,rows屬性指定文本區域的行數,cols屬性指定編輯區域的列數。

fieldset 元素可將表單內的相關元素分組。

當信息較多時,可以開率按照信息內容進行分組,達到表達清晰的目的,fieldset標籤提供將信息分組的一種方式,分組後沒組信息默認有一個邊框。同時可以使用<legend>標籤爲魅族指定一個標題。

5.隱藏域:

hidden:當需要向服務器傳遞一個用戶的參數,且該參數無需用戶輸入,也無需讓用戶看見,可以使用隱藏域來實現。

6.表格

表格的組成部分:標題、表頭、主體、表尾

<table>:定義一個表格。

<caption>:定義表格的標題。

<thead>:定義表頭不分。

<tbody>:定義表格主體(數據)部分。

<tr>:定義一行。

<th>、<td>:定義一個數據項(單元格),<th>一般用於表頭,有加粗樣式;<td>一般用於表格主體部分,沒有加粗樣式

<td>的rowspan和colspan分別定義單元格跨行的行數、跨列的列數。






發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章