表单标签

最新推荐文章于 2022-10-02 18:07:20 发布

tztz1yzyz2

最新推荐文章于 2022-10-02 18:07:20 发布

阅读量241

点赞数

本文链接：https://blog.csdn.net/tztz1yzyz2/article/details/78314903

版权

表单专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<body>

      <!--form表单用于搜索不同类型的用户输入，表单元素
         指的是不同类型的input元素、复选框、按钮等。
         主要包括三种类型：输入标签input、选择标签select-option、
         文本区域textarea（重点是这三种类型）。
         action属性定义在提交表单的时候执行的动作，向
         服务器提交表单通常使用提交按钮，表单会被提交到
         web服务器上的页面，在此处我们使用了一个本地的页面
         代替服务器的页面。如果省略action属性，则action会被
         设置为当前页面。
         method属性规定表单提交时所使用的http方法（get/post），默认
         使用get方法。使用get方法时，表单数据在页面地址栏中
         是可以看到的。而post提交是看不到的。因此post方式要比get
         方式提交的数据安全。因此在实际开发过程中一般都是采用
         post。
         hbuilder使用post提交时会出错，需要直接打开页面提交表单数据。
      -->
      <form method="get post 提交方式" action="result.html 表单提交地址">
         <!--input标签，行级标签：
            1、type=text时，为文本框，name属性是必须的，value代表输入框的值。
            2、type=password时，为密码框，name属性是必须的。输入字符时，密码字符以
                  实心圆点来显示。
            3、type=radio时，为单选框，name和value属性是必须的；
                    针对同一组的单选按钮，name属性值必须要是一样的，才能在选中单选按钮时达到互斥。
                    默认选中的单选框使用checked属性，同一组单选按钮只能有一个默认的checked属性。
            4、type=checkbox时，为复选框，name和value属性是必须的；
                    针对同一组的单选按钮，name属性值不必是一样的。
                    同一组单选按钮可以有多个默认的checked属性。
            5、type=file时，为选择文件，name是必须的。
            6、type=hidden时，为隐藏域，主要用于页面后台数据的交互、传输使用
            7、type=reset时，为重置按钮，name和value属性是必须的，重置页面所有数据，相当于页面点了一下刷新
            8、type=button时，为普通按钮，name和value属性是必须的，用于提交页面数据的，需要使用onclick事件才能提交
            9、type=submit时，为提交按钮，name和value属性是必须的，用于提交页面数据的,可以直接提交页面数据
            10、type=image时，为图形提交按钮，name属性是必须的，可以直接提交页面数据,
                           设置按钮按钮背景图片有两种方式，一种是直接使用src属性，一种是使用style属性里面的background-image
         -->

         文本框实例:<input type="text" id="text1" name="text1" value="22" />
         <br /> 密码框:
         <input type="password" name="pass" />
         <br /> 单选框按钮:
         <input type="radio" name="gen" value="man" checked/>男
         <input type="radio" name="gen" value="woman" />女

         <br /> 复选框按钮:
         <input type="checkbox" name="inter" value="sports" checked/>运动
         <input type="checkbox" name="inter" value="talk" checked />聊天
         <input type="checkbox" name="inter" value="play" />玩游戏

         <br /> 文件上传:
         <input type="file" name="files" />

         <br /> 隐藏域:
         <input type="hidden" name="hidText" value="1"/>

         <br /> 重置按钮:
         <input type="reset" name="butReset" value="重置按钮" />

         <br /> 普通按钮:
         <input type="button" name="but1" value="普通按钮" />
         <br/> 提交按钮:
         <input type="submit" value="提交" />
         <br/> 图像按钮:
         <input type="image" style="background-image: url(img/eg_sun.gif);width:120px;height:30px;" />

         <!--select标签，组合标签，一个select含有多个option
            name和value属性是必须的。
            一个列表框只能有一个列表项默认选中
         -->
         <br/> 下拉选择:
         <select name="listname">
            <option value="a">唱歌</option>
            <option value="b"  selected="selected">跳舞</option>
         </select>

         <!--textarea多级文本标签，name属性是必须的-->
         <br/> 多级文本框:
         <textarea name="showText" cols="20" rows="5">文本内容</textarea>
      </form>
   </body>
<!--fiedset外边框-->
<!--autcomplete:自动完成功能
    autfocus：自动获得焦点
    form：所属表单
    required：必填


    -->

</html>

tztz1yzyz2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单标签

body> 表单用于搜索不同类型的用户输入，表单元素指的是不同类型的input元素、复选框、按钮等。主要包括三种类型：输入标签input、选择标签select-option、文本区域textarea（重点是这三种类型）。 action属性定义在提交表单的时候执行的动作，向服务器提交表单通
复制链接

扫一扫