前言

划了一天水，心里不舒服，干脆写个简单的表单基础知识记录一下，免得到时候忘记了。。。

代码

<!DOCTYPE html>
<html lang = "chinese">
<head>
    <meta charset = "UTF-8">
    <title>登录界面回顾</title>
</head>
<body>
<!--！！！一般在表单生成的时候，会将其放在表格中展示，以达到漂亮美化的效果-->
<!--1.form标签是生成html表单
    2.text（type）属性是生成文本框
    3.password（type）属性是生成密码框
    4.radio（type）属性是生成单选框，但是由于是单选，所以必须name属性是一样的，这样可以保证只能选择一个
    5.checkbox属性用来生成多选框
    6.select标签用来生成下拉框，其中下拉列表可以使用<option>标签来进行分行，默认选中可以使用select属性
    7.textarea标签表示多行文本输入框，其中rows属性用来定义‘几行’的高度，cols属性用来定义几个字符的宽度，框内默认值问起止标签里的内容
    8.input标签里的reset属性默认为重置按钮，可用value属性修改按钮上的文字，但是这个属性无法修改效果，只能改文字
    9.input中的submit属性默认为提交按钮，可使用value修改按钮上的文字，但是无法修改按钮点击的效果，只能修改文字
    10.input中的button属性是范定义按钮，可以自己设置按钮的点击效果和文字
    11.input标签中的file属性可以起到选择文件的作用，点击提交之后会交给服务器执行
    12.input标签里面的hidden属性可以做隐藏域，作用是不希望用户看到或者看到也没用的属性，‘但是点击提交之后，也会发送到服务器’-->

<form>
<table align="">
    <tr>
        <td>名字：</td>
        <td>
            <input type="text" name="name">
        </td>
    </tr>
    <tr>
        <td>邮箱：</td>
        <td>
            <input type="text" name="email">
        </td>
    </tr>
    <tr>
        <td>性别：</td>
        <td>
            <input type="radio" name="sex">男
            <input type="radio" name="sex">女
        </td>
    </tr>
    <tr>
        <td>兴趣：</td>
        <td>
            <input type="checkbox" name="check_box">书法
            <input type="checkbox" name="check_box">散步
        </td>
    </tr>
    <tr>
        <td>国籍：</td>
        <td>
            <select>
                <option>请选择国籍</option>
                <option selected="selected">中国</option>
                <option>美国</option>
                <option>火星</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>自我评价：</td>
        <td>
            <textarea rows="10" cols="20">请在此填写自我评价，不得少于20字！</textarea>
        </td>
    </tr>
    <tr>
        <td>
            <input type="reset">
            <input type="button" value="Button">
            <input type="submit">
            <input type="hidden" name="wangshuyu">
    </tr>
</table>
</form>
</body>
</html>

要点

没有。。。