【web初步】表单

input控件

<input type="属性值" value="你好">

1. type属性

   这个属性通过改变值，可以决定了你属于那种input表单。

2. value属性 值

   value 文本值。 有些表单刚打开页面就默认显示几个文字，就可以通过这个value 来设置。

3. name属性

   • name属性后面的值，是我们自己定义的。

   • radio 如果是一组，我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个

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

4. checked属性

   表示默认选中状态。 较常见于 单选按钮和复选按钮。

label标签

label 标签为 input 元素定义标注（标签）。

当我们鼠标点击 label标签里面的文字时， 光标会定位到指定的表单里面

1. 第一种用法就是用label直接包括input表单。

<label> 用户名： <input type="radio" name="usename" value="请输入用户名">   </label>

适合单个表单选择

2. 第二种用法 for 属性规定 label 与哪个表单元素绑定。

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

textarea控件(文本域)

<textarea >
  文本内容
</textarea>

select下拉列表

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

在option 中定义selected =" selected "时，当前项即为默认选中项

form表单域

通过form表单域将收集的用户信息传递给服务器

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址。
method	get/post	用于设置表单数据的提交方式，其取值为get或post。
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单。