<html>

    <head></head>

    <body>

        <!--

            表单标签 : 收集其标签内部的数据, 提交给指定的服务器

                action : 数据提交的地址(URL)

                method : 提交的方式(get/post)

            表单的数据是以键值对的形式提交的, name属性的值为键, value属性的值为值

            所要提交的表单数据, 表单域标签中必须拥有name属性值, 否则不会提交

        -->

        <form action="#" method="get">

            <!-- 表单域标签 : 给用户提供可以进行数据输入或选择的标签 -->

            <!-- 文本框 : 文本数据, 用户可见 -->

            <input type="text" name="" value="" />

            <!-- 文本框(密码) : 文本数据, 用户不可见 -->

            <input type="password" name="" value="" />

            <!-- 单选框 : name属性值相同的单选框只能选择一项数据, checked属性为默认选中 -->

            <input type="radio" name="" value="" checked="checked" />

            <!-- 多选框 : 一个多选的组需要使用相同的name属性值, checked属性为默认选中 -->

            <input type="checkbox" name="" value="" checked="checked" />

            <!--

                下拉框

                    select中的name属性值为提交数据时的键, option子标签的value值为提交数据时的值

                    子标签option中的selected属性为默认选中

            -->

            <select name="">

                <option value="" selected="selected"></option>

                <option value=""></option>

            </select>

            <!--

                文本域 :

                    rows : 文本域的行数

                    cols : 文本域的列数

            -->

            <textarea name="" rows="10" cols="20"></textarea>

            <!-- 普通按钮 : value属性为按钮上显示的内容 -->

            <input type="button" value="这是一个按钮" />

            <!-- 隐藏域 : 页面上不显示 -->

            <input type="hidden" name="" value="" />

            <!-- 提交按钮 : 将表单中用户写好的数据, 提交到action中所填写的服务器中 -->

            <input type="submit" value="这是提交按钮" />

        </form>

    </body>

</html>

HTML - 表单标签相关的更多相关文章

  1. 前端 HTML body标签相关内容 常用标签 表单标签 form

    表单标签 form 表单是一个包含表单元素的区域表单元素是允许用户在表单中输入内容,比如:文本域(textarea).输入框(input).单选框() 表单的作用 form标签作用是把用户输入数据信息 ...

  2. struts2：非表单标签

    非表单标签主要用于输出在Action中封装的信息,这在实际运用中是很常见的. 1. actionerror标签 <s:actionerror>标签主要用于输出错误信息到客户端,该标签将Ac ...

  3. HTML+CSS学习笔记（5）- 与浏览者交互，表单标签

    HTML+CSS学习笔记(5)- 与浏览者交互,表单标签 1.使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务 ...

  4. python全栈开发 * 表格标签 表单标签 css 引入方式 * 180807

    html部分 一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...

  5. HTML基础【5】：表单标签

    表单标签 作用:用于收集用户信息,让用户填写.选择相关信息 格式: <from> 表单标签 </from> 注意事项: 所有的表单内容,都要写在form标签里面 form标签中 ...

  6. Spring表单标签

    虽然我们可以使用HTML原生的form表单标签来轻松的写出一个表单,其实我一直都是这样做的,但是使用Spring表单标签可以更方便我们完成例如:验证失败后表单数据的回填功能(虽然你可以使用EL+JST ...

  7. SpringMVC:学习笔记(5)——数据绑定及表单标签

    SpringMVC——数据绑定及表单标签 理解数据绑定 为什么要使用数据绑定 基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数 ...

  8. Spring MVC表单标签

    从Spring 2.0开始,Spring MVC开始全面支持表单标签,通过Spring MVC表单标签,我们可以很容易地将控制器相关的表单对象绑定到HTML表单元素中. form标签     和使用任 ...

  9. HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

随机推荐

  1. 数据结构C++版-线性表

    PS:资料来源慕课网视频. 一.什么是线性表 线性表是n个数据元素的有限序列. 分类: 二.补充知识点 1.栈和队列有出操作.入操作,对应线性表(数组)为插入元素和删除元素,而线性表中要获取指定元素值 ...

  2. ultis, BIT(x), BITCOUNT(x)

    /* http://resnet.uoregon.edu/~gurney_j/jmpc/bitwise.html */ #define BITCOUNT(x) (((BX_(x)+(BX_(x)> ...

  3. ICPC 2018 焦作区域赛

    // 2019.10.7 练习赛 // 赛题来源:2018 ICPC 焦作区域赛 // CF链接:http://codeforces.com/gym/102028 A Xu Xiake in Hena ...

  4. EasyMock添加行为

    EasyMock使用expect()方法或expectLassCall()方法添加一个功能,一个模拟对象.请看下面的代码片段. 1 //add the behavior of calc service ...

  5. CSS3 RGBA等于RGB加上opacity吗?

    在我们前端设计里有两篇教程: CSS3 RGBA colors使用说明 css3中opacity属性学习与实践,他们公别介绍了RGBA,RGB,opacity的用法,这里我们把这三个属性放在一起来考虑 ...

  6. CSS如何让文字垂直居中？

    在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中 ...

  7. NFS服务器简易安装

    1.服务端 创建挂载目录 # mkdir /data/nfs 安装NFS软件 # yum install nfs-utils -y 添加配置信息 # vim /etc/exports /data/nf ...

  8. centos yum install 找不到软件包

    yum install epel-release 然后再试试yum install 其他安装包

  9. Django ORM 之F、Q查询与事务

    返回ORM目录 Django ORM 内容目录 一.F.Q查询 二.事务 三.only与defer 一.F.Q查询 """ Product表中的数据: 1 橡皮 2 20 ...

  10. vue cli2.x配置多环境打包

    一.安装 npm install --save-dev cross-env 二.配置步骤 1.修改config下的文件 //test.env.js 'use strict' module.export ...