input控件
<input type="属性值" value="你好">
-
type属性
这个属性通过改变值,可以决定了你属于那种input表单。
-
value属性 值
value 文本值。 有些表单刚打开页面就默认显示几个文字,就可以通过这个value 来设置。
-
name属性
-
name属性后面的值,是我们自己定义的。
-
radio 如果是一组,我们必须给他们命名相同的名字 name 这样就可以多个选其中的一个
<input type="radio" name="sex" />男 <input type="radio" name="sex" />女
-
-
checked属性
表示默认选中状态。 较常见于 单选按钮和复选按钮。
label标签
label 标签为 input 元素定义标注(标签)。
当我们鼠标点击 label标签里面的文字时, 光标会定位到指定的表单里面
- 第一种用法就是用label直接包括input表单。
<label> 用户名: <input type="radio" name="usename" value="请输入用户名"> </label>
适合单个表单选择
- 第二种用法 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 | 名称 | 用于指定表单的名称,以区分同一个页面中的多个表单。 |