<form>表单

一、基础信息

描述：表单是用来做数据提交的（前端到后端）

注意：

1、在表单中name比id重要

 

二、表单HTML格式

<form id="form1" action="http://www.baidu.com">  //action是提交到后台的地址<input type="text" id="text1" name="username" value="" />
</form>

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

<input type="radio" name="sex" value="女" checked />女

<input type="checkbox" name="aihao" value="电影" checked />电影

<select name="city" value="">  //value的值：选择下面哪个选项，哪个选项就有selected，value的值就是有selected选项的value的值
    <option>请选择一个城市</option>
    <option value="北京">北京</option>
    <option value="上海" selected>上海</option>
    <option value="广州">广州</option>
    <option value="深圳">深圳</option>
</select>

action提交表单后跳转的地址：

写法：action地址?name属性名=name值

例如：https://s.taobao.com/search?q=%E5%88%B9%E8%BD%A6

 

三、属性作用

1、<input>传递给后台的值和页面中看到的值的编写位置

<input type="radio" name="sex" value="给后台的数据值" />页面中用户看到的值

2、将 <input>中 type="radio" 的选项分组

描述：具有相同name值的radio选项为一组，在这个组里只能进行单选

<input type="radio" name="sex" value="男" />男
<input type="radio" name="sex" value="女" />女

 3、将 <input>中 type="checkbox" 的选项分组

描述：和radio一样可以分组，但是同一组的可以多选

<input type="checkbox" name="aihao" value="电影" />电影
<input type="checkbox" name="aihao" value="音乐" />音乐