美文网首页
H5表单标签(一)

H5表单标签(一)

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-16 14:31 被阅读0次

    一、表单域

    <form action="后台地址" method="请求方式" name="表单名字">   </form>

    需了解服务器编程

    二、表单元素

    <input type="属性值">    输入型表单元素,单标签

    type属性的属性值及其描述:

    button   定义可点击的按钮,用于通过JavaScript启动脚本

    checkbox   定义复选框

    file  定义输入字段和“浏览”按钮,供文件上传

    hidden  定义隐藏的输入字段

    image   定义图像形式的提交按钮

    password   定义密码字段,呈现加密形式

    radio  定义单选按钮

    reset  定义重置按钮,重置按钮会清除表单中的所有数据

    submit 定义提交按钮,会把表单数据发送到服务器

    text 定义单行的输入字段,可在其中输入文本,默认宽度为20字符

    name  由用户自定义 定义input元素的名称

    value  由用户自定义 规定input元素的值 会向后台传输的数据

    checked  规定input元素首次加载时应当被选中

    maxlength  正整数,规定输入字段中的字符最大长度

    input::placeholder{color:red}   通过双冒号伪元素修改属性的颜色

    <form action="###.php" method="GET" name="表单名字">

            用户名:<input type="text" value="请输入用户名" maxlength="6"> <br>

            密码:<input type="password">

            <br>

            <!-- name是表单的名字,性别单选按钮必须有相同的名字才可以实现多选一 -->

            性别: 男<input type="radio" name="sex" value="男">女<input type="radio" name="sex" value="女">

            <br>

            爱好: 吃饭<input type="checkbox" checked="checked">睡觉<input type="checkbox">打豆豆<input type="checkbox">

            <br>

            <!-- submit提交按钮可以把表单的数据提交到服务器 -->

            <input type="submit">

            <br>

            <input type="reset">

            <br>

            <input type="button" value="普通按钮">

            <br>

            <input type="file">

        </form>

    相关文章

      网友评论

          本文标题:H5表单标签(一)

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