html---表单

一、表单就是收集用户的，让用户填写的，选择的

<div>
<h3>欢迎注册本网站</h3>
<from>
所有的表单内容都要填写在from标签里面
</from>
</div>

from是英语表单的意思，from里面有action和method属性。action表示表单提交到哪里，method表示用什么HTTP方法提交，有get，post两种。

1.1文本框

<input type="text"/>
<input type="text" value="默认的值"/>

1.2密码框

<input type="password"/>

1.3单选按钮

如：请选择你的性别：男    女

只能选一个，术语叫互斥

<input type="radio" name="xin"/>男

<input tyle="radio" name="xin"/>女

单选按钮，天生是不能互斥的，如果想互斥，必须要有相同的name属性，默认被选中就应该书写checked=“checked”

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

1.4复选框

<p>
<input type="checkbox"name="hobby"/>打球
<input type="checkbox"name="hobby"/>学习
<input type="checkbox"name="hobby"/>弹吉他
...
</p>

复选框最好也有相同的name。

现在只写4种：

1：<input type="text"/>文本框

2：<input type="password"密码框

3：<input type="radio"/>单选按钮

4：<input type="checkbox"/>复选框

1.5下拉列表

select就是选择，也是组标签

<select>

<option>北京</option>

<option>上海</option>

<option>河南</option>

<option>河北</option>

...

</select>

1.6多行文本框（文本域）

<textarea cols="30" rows="10"></textarea>

这个标签是标签对，里面不用写东西写的话，就是默认的文字。

1.7三种按钮

按钮也是input标签

1)普通按钮：

<input type="button"value="我是一个按钮"/>

2)提交按钮：

<input type="submit"/>

submit就是提交的意思，这个按钮不需要写value自动就会有“提交”文字。这个按钮点击，表单真的能提交，这个表单会被提交到

from标签里面的action属性的页面去。

3） 重置按钮

<input type="rest"/>

rest就是复位的意思。

1.8 label标签

本质上讲“男”“女”这两个汉字，和input元素没有关系

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

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

label就是解决这个问题

<input type="radio"name="sex" id="nan"/><label for="nan">男</lebel>

<input type="radio"name="sex" id="nv"/><label for="nan">女</lebel>

这样点击男 女这两个字是也可以选择。

input元素要有一个id,然后label标签有一个for属性，和id相同就表示绑定了，这个label和input就有绑定关系，什么表单元素都要label标签。

二、html杂项

2.1html注释

<!--注释-->

Ctrl+/

2.2字符实体

&lt：是<的实体

&gt: 是>的实体

&nbsp：是空格的实体