HTML表单

HTML 表单用于接收用户输入信息的元素(标签)

输入元素:
多数情况下被用到的表单标签是输入标签(<input>)。
输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:

  1. text 文本
  2. password 密码字段
  3. radio 单选框
  4. checkbox 复选框
  5. file 文件
  6. button 点击按钮
  7. submit 提交按钮

日常练习来一下下

<h3 style='text-align:center'>自我介绍</h3>
    <table border='1' width='400' align='center' style="border-collapse:collapse">
        <tr>
            <td>姓名</td>
            <td>
                <input type='text'/>
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type='radio' name='xb' checked/>男
                <input type='radio' name='xb' />女
            </td>
        </tr>
        
        <tr>
            <td>爱好</td>
            <td>
                <input type='checkbox' name='ah' />运动
                <input type='checkbox' name='ah' />瑜伽
                <input type='checkbox' name='ah' />音乐
                <input type='checkbox' name='ah' />手游
                <input type='checkbox' name='ah' />网游
                <input type='checkbox' name='ah' />直播
            </td>
        </tr>
        <tr>
            <td>地区</td>
            <td>
                <select>
                    <option>北京</option>
                    <option selected>杭州</option>
                    <option>广州</option>
                    <option>深圳</option>
                </select>
            </td>
        </tr>    
        <tr>
            <td>头像</td>
            <td>
                <input type='file'/>
            </td>
        </tr>
        <tr>
            <td>补充介绍</td>
            <td>
                <textarea cols='50' rows='5'>
                </textarea>
            </td>
        </tr>
        <tr style='text-align:center'>
            <td colspan='2'>
                <input type='button' value='注册'/>
            </td>        
        </tr>
    </table>

相关推荐