HTML表单

表单的概念

专门用于收集用户输入不同类型信息的一个单子

表单的格式

<form action="" method="post">
    <input type="submit" value=""/>
</form>

form:表单
action:将收集到的信息提交到哪里?接口网址

method:提交信息的方式;
               get:以明文的方式,将信息在地址栏中直接显示,用于传输较少信息;
               post:不会再地址栏中显示用户输入信息,安全性高,通常用于传输较大量的用户输入信息;

input:用于收集用户输入的信息;

常用的表单项

input

  • text:用于收集普通的文本输入;

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】如果设置,将不会被提交
    • value:用来盛放用户输入的内容【必选】
  • password:用于收集用户输入的密码,以密文显示

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容【必选】
  • email:邮箱,用来收集用户输入的邮箱信息

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容【必选】
  • date

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容【必选】
  • number:数字,用来收集用户输入的数字信息

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容【必选】
  • file:

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容【必选】
  • radio:单选框,使用name属性加以限制

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容,值要给出来【必选】
  • checkbox:多选框,使用name属性加以限制

    • type:输入项的类型【必选】
    • name;收集项的名称【必选】
    • value:用来盛放用户输入的内容,值要给出来【必选】
  • button:按钮,在页面上显示一个按钮

    • name:
    • value:
  • submit:提交,用于提交用户提交的信息

    • value:显示按钮的名称
  • reset:重置,用于清空用户输入的所有信息

    • value:显示按钮的名称

select - option

下拉选项

  • option:选项
  • value:直接
  • selected;默认被选择项
<select name="address">
    <option value="请选择">请选择</option>
    <option value="四川省" selected>四川省</option>
    <option value="北京市">北京市</option>
    <option value="天津市">天津市</option>
    <option value="河南省">河南省</option>
    <option value="广东省">广东省</option>
</select>

textarea

文本域,用来收集用户输入较多的描述内容

  • row:行数
  • col:列数
  • name:用来提交的时候用的
  • value:用来盛放用户输入的内容【必选】
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容