表单标签

举报
小妖现世 发表于 2020/06/15 11:11:15 2020/06/15
【摘要】 表单元素

表单元素

  1. <form>标签定义表单,其他的表单控件元素必须放在form标签内部

  2. action属性定义表单提交的地址,method属性定义了表单提交的方式

  3. 表单提交两种方式:get,post   

    Case:

         <form action="http://www.huawei.com" method="post" >

               <input type="submit" value="提交"/>

               <input type="reset" value="重置"/>

         </form>

input:

    一个单标签元素,属性type代表input表单类型,input标签通过type属性的不同取值来定义不同的表单控件

    单文本框:可以输入一行文本的表单控件

        case: <input type="text"/>

    单选按钮:具有相同的name属性的单选按钮只能选择一个

         case: <input type="radio"/>

    多选按钮:可以选中多个选择框

         case: <input type="checkbox"/>

    普通按钮:

           case: <input type="button"/>

    提交按钮:

           case: <input type="submit"/>

    重置按钮:清除表单中的所有数据,恢复表单中的原始值

           case: <input type="reset"/>

    文件上传按钮:用于文件上传

           case: <input type="file"/>

select 元素,<select>用来定义列表,<option>用来定义列表项

    Case:

        <select name="course">

            <option value="math">数学</option>

            <option value="chinese>语文</option>

        </select>

textarea 标签:

    <textarea>:用来表示多行文本域

    Case:

        <textarea rows="5" cols="10"></textarea>

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。