标签

h标签

select 标签： 显示几个内容

selected:是否被选中

 

<select  multiple=“multiple” size="2">

<option selected='selected'>上海上海。。</option>

<option>北京</option>

</select>

分组显示

<select >

<optgroup label='河北省'>

　　<option>石家庄</option>

</optgroup>

</select>

input：

 

radio单选框（单选，name名相同时，就可以单选了）

<input type="radio" name='gender' value="man"/>男
<input type="radio" name='gender' value="female"/>女
<input type="radio" name='gender' value="no"/>

 

checkbox复选框

<input  type='checkbox' />
<input type='checkbox' checked='checked'/>

密码框

<input type="password" value="123"/>

文本框

<input type="text" value="abc"/>

按钮

<input type='button' value='button'/>

<input type='submit' value='submit'/>

 

form表单

要提交的内容，input都包括在form里

<form action="http://www.baidu.com/s" method="GET">
    <input type="text" name="wd"/>
    <input type="submit" value="提交"/>
</form>

button不能提交表单数据

<form action="http://www.baidu.com/s" method="GET">
    <input type="text" name="wd"/>
    <input type="button" value="提交按钮" onclick='alert('123');'/>
</form>

文件

<form action="http://www.baidu.com/s"enctype="multipart/form-data" method="POST">
    <input type="file" name="file"/>
    <input type="submit" value="提交"/>
</form>

多行文本框

<textarea  style='height:200px;width:500px;' name='query'></textarea>

label ：for指向id文字和标签关联

<label for="name">
    姓名：<input type="text" id="name"/>
</label>

列表UL：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ul>

列表加序号OL：

<ol>
    <li>1</li>
    <li>2</li>
    <li>3</li>
</ol>

带标题的列表

<dl>
    <dt>标题1</dt>
    <dd>内容1</dd>
    <dd>内容2</dd>
    <dt>标题2</dt>
    <dd>内容1</dd>
    <dd>内容2</dd>
</dl>

table：

<table border="1">
    <tbody>
        <tr>
            <td colspan="2">第一列</td>
            <td>第二列</td>
        </tr>
        <tr>
            <td>第一列</td>
            <td>第二列</td>
        </tr>
        <tr >
            <td rowspan="2">第一列</td>
            <td>第二列</td>
        </tr>
        <tr>
            <td>第一列</td>
            <td>第二列</td>
        </tr>
    </tbody>
</table>

也可以 加表格头

fieldset：

<fieldset>

<legend>登录</legend>

</fieldset>