html的交互

一、与用户交互，使用表单标签

<form></form>标签

定义一个表单区域,action属性定义表单数据提交的地址，method属性定义提交的方式。

<form action="http://www..." method="get">

get:通过地址栏提交到后台

post:通过http协议提交到后台

<label></label>标签

定义表单控件的文字标注

    for属性=“id的值”，将标签设置为id代表的选项

    <label for="id的值"></label>

     在input中设置id的值，

<input />标签

    name属性：用于提交时，标注用户提交的是哪种数据

    value属性：传送的值，数据库中约定好的标准

    id属性：标记input的值

    text

    一个单行文本输入框 

    <input type="text" name="username" />

    password

    定义了一个密码输入框 

    <input type="password" name="password" />

    radio

    定义了单选框 

    <input type="radio" name="gender" value="0" /> 男
    <input type="radio" name="gender" value="1" /> 女

    checkbox

    定义了多选框

    <input type="checkbox" name="like" value="sing" /> 唱歌
    <input type="checkbox" name="like" value="run" /> 跑步
    <input type="checkbox" name="like" value="swiming" /> 游泳

    file

    定义上传照片或文件等资源 

    <input type="file" name="person_pic">

    submit

    <input type="submit" name="" value="提交">
    还可以用图片控件代替submit按钮提交，一般会导致提交两次，不建议使用。如：
    <input type="image" src="xxx.gif">

    reset

    定义重置按钮

    <input type="reset" name="" value="重置">

    hidden

    自定义的一些值，先存在页面上，再一起传递给数据库

textarea

    定义多行文本输入 

    <textarea name="about">个人介绍</textarea>

select

定义下拉列表选择

<select name="site">
    <option value="0">北京</option>
    <option value="1">上海</option>
    <option value="2">广州</option>
    <option value="3">深圳</option>
</select>