美文网首页
HTML表单的使用方法

HTML表单的使用方法

作者: 村里第一帅 | 来源:发表于2017-05-07 17:51 被阅读0次

    1.HTML表单简介

    HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。
    表单使用标签<form>来设置
    <form>标签的常用属性:

    Paste_Image.png
    action:表示提交地址
    method表示提交方法(get和post两种方式)

    2.常用的表单元素

    常用的表单标签<input>,<textarea>(多行文本框),<option>(下拉框),<label>
    <input>标签相关属性
    type:输入的类型
    name:表单的名称
    value:表单的内容

    1.<input type="text">/<label>文本域

    文本域通过<input type="text"> 标签来设定,当用户要在表单中键入用户名、邮箱等少量内容时,就会用到文本域。
    <label>标签用于对<input>的注释,通常配合for属性使用。与id属性相对应。

    Paste_Image.png

    2.<password>密码字段

    通过标签**<input type="password"> **来定义:

    Paste_Image.png

    3.<input type="radio">单选框

    通过标签<input type="radio"> 定义。

    Paste_Image.png

    4.<input type="checkbox">复选框

    通过标签<input type="checkbox">定义。

    Paste_Image.png

    5.<input type="submit"> 提交按钮

    通过<input type="submit"> 定义

    Paste_Image.png

    相关文章

      网友评论

          本文标题:HTML表单的使用方法

          本文链接:https://www.haomeiwen.com/subject/peautxtx.html