HTML-表单

定义按钮

<input tpye='button' value='我是按钮' onclick='alert('成功按钮')'>

定义图片按钮

<input type='image' src='images/a.jpg' onclick='alert('成功按钮')'>

 定义重置和提交按钮

<input type='reset' value='清空'>
<input type='submit' value='点我提交'>

 

定义输入框默认值

<input  type='text' value='默认'>

定义单选框

性别
<input type='radio' name='gender'>男
<input type='radio' name='gender'>女
<input type='radio' name='gender' checked='checked'>保密

定义多选框

爱好
<input type='checkbox'>篮球
<input type='checkbox' checked='checked'>足球
<input type='checkbox' checked='checked'>棒球
<input type='checkbox'>羽毛球

 输入框与文字绑定聚焦

<label for="account">帐号：</label><input type="text" id="account"><br/>
<label for="pwd">密码：</label><input type="password" id="pwd">

 定义下拉列表

<select>
    <option>北京</option>
    <option>上海</option>
    <option>南京</option>
    <option>山东</option>
    <option>新疆</option>
    <option selected="selected">河南</option>
</select>

 给下拉列表的数据分类

<select>
    <optgroup label="北京">
        <option>东城区</option>
        <option>朝阳区</option>
        <option>海淀区</option>
    </optgroup>
    <optgroup label="上海">
        <option>静安区</option>
        <option>徐汇区</option>
        <option>浦东新区</option>
    </optgroup>
</select>