HTML中表单的基本结构与常用控件
1、form 中 action 的用法
例子:
1 <form action="https://search.jd.com/search"> 2 <input type="text" name="keyword"> 3 <button>去京东买东西</button> 4 </form>
action 用于指定表单的提交地址,与超链接类似,区别是表单可以搜集用户的信息,而超链接只能用来实现跳转的效果
2、input中的属性
例子:
1 <form action="https://search.jd.com/search" target="_blank"> 2 账户:<input type="text" name="account" value="张三"> 3 <button>提交</button> 4 </form>
- name -- 数据的名称
- value -- 提交的数据值(在能够输入的文本框中可以不写)
- type -- 输入框的类型
- type 的几种类型
- text -- 文本输入框
- password -- 密码输入框
- radio -- 单选按钮
- checkbox -- 复选框
注:单选按钮和复选框一定要写 value,否则对应的 input 值带不走。
- hidden -- 用户不可见的一个输入区域,作用是提交表单的时候,携带一些固定的数据,比如可以防止非法的批量注册
- submit -- 按钮
- reset -- 重置按钮
- button -- 普通按钮
- checked -- 让单选框或者是复选框默认选中
- maxlength -- 输入框最大可输入长度
- disabled -- 设置表单控件不可用