表单:
目的:主要是获取用户信息
<form></form> 双标签
表单框(表单域form)
action: 写后端地址
method: 传输时的方法
GET: 向服务端请求数据
POST: 向服务端发送数据
name: 表单的标识,当服务器端得到数据的时候,知道是哪个表单发过来的
大多数的表单控件都是input标签,type类型的不同来区分不同的表单控件,
同时他们对应的value也会有含义上的不同
1.文本框(输入框)
type:text
value: 默认值
placeholder: 当没有内容时的提示文字
2.密码框
type:password
value: 默认值
placeholder: 当没有内容时的提示文字
3.提交按钮
type:submit
value: 按钮里面的文字。默认是“提交”
作用: 一按就会将这个表单里面的值,用method的方法提交到action的地址里去
4.重置按钮
type: reset
value: 按钮里面的文字。默认是“重置”
作用: 一按就会清空当前form表单里面的表单控件
5.单选框
type: radio
value: 传给服务端的值
name: 分组,同一个组只能选择一个
disabled: 禁止选择
checked: 默认选中
6.复选框,多选框
type: checkbox
value: 传给服务端的值
name: 分组
disabled: 禁止选择
checked: 默认选中
*7.下拉菜单
<select>
<option value="">内容</option>
</select>
option的value传给服务端的值
*8.多行文本框
<textarea name="textareal" cols="字符宽度" rows="行数"></textarea>
*9.按钮
<button>内容</button>
前端随笔初识前端
最新推荐文章于 2024-01-18 19:25:14 发布