HTML中表单的基本结构与常用控件

发布时间 2023-03-22 21:14:04作者: 丽丽安

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 -- 输入框最大可输入长度