HTML与CSS之注册表单

1.form
标签用于创建供用户输入的 HTML 表单

action 　　 向何处提交表单
method      用于提交表单的 HTTP 方法

2.input
可以在其中输入数据

type:   设置input的类型
   button         按钮
   text           文本输入
   radio          单选框
   checkbox       多选框
   file           文件(如图片)
   submit         提交
value    指定input的值 

3.select
创建一个下拉列表
4.option
定义下拉列表中的一个选项(一个条目),作为 select或datalist的一个元素使用
5.textarea
定义一个多行的文本输入控件

例如:

<form action="http://www.baidu.com">
        <p>
            用户名:<input type="text" name="username">     
        </p>
        <p>
            密码:<input type="password" name="password">
        </p>
        <p>
            性别:<input type="radio" name="gender" value="male">男
                <input type="radio" name="gender" value="female">女
        </p>
        <p>
            爱好:篮球 <input type="checkbox" name="hobby" value="篮球">
            足球 <input type="checkbox" name="hobby" value="足球">
            台球 <input type="checkbox" name="hobby" value="台球">
            乒乓球 <input type="checkbox" name="hobby" value="乒乓球">
        </p>
        <p>
            学历：<select name="学历">
                    <option value="大学">大学</option>
                    <option value="高中">高中</option>
                    <option value="初中">初中</option>
                    <option value="小学">小学</option>
                 </select>
        </p>
        <p>
            个人简介：<textarea name="个人简介"></textarea>
        </p>
        <p>
            上传头像:<input type="file" name="picture">
        </p>
        <p>
            隐藏域:<input type="hidden" name="IP" value="192.168.88">
        </p>
        <p>
            提交:<input type="submit" name="" value="提交">
        </p>
  </form>

显示效果:

表单.png