<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. CodeForces 1166D Cute Sequences

    题目链接:http://codeforces.com/problemset/problem/1166/D 题目大意 给定序列的第一个元素 a 和最后一个元素 b 还有一个限制 m,请构造一个序列,序列 ...

  2. jq 出现 $.cookie is not a function

    出现这种问题有3中可能 1是没有导入cookie相关的库文件 2是cookie的库文件和jquery库文件的先后顺序问题, 必须先导入jquery库文件后到其他库文件 3一个页面由于二次或多次引入了j ...

  3. 用python, PIL在图像上添加文字（可以控制，调节为水印等）

    最近想在图像上,添加想要的文字,首先想到的是matplotlib,但是这个更加倾向于画图(柱状图,折线图之类) opencv这个库肯定也行,但是为了和我现有程序连接在一起,我选择了PIL 其中字体的设 ...

  4. 用PS制作APP的界面图片

    今天就教大家怎么做出这种厚度的地方还不是白色的,而是根据界面内容交相呼应的图案的APP界面展示图片. 以苹果5S的尺寸为例. 步骤: 1.新建一个画布尺寸为:640*1136,然后保存,命名如:5S效 ...

  5. XMLHTTPRequest状态status完整列表

    当用户试图通过 HTTP 访问一台正在运行 Internet 信息服务 (IIS) 的服务器上的内容时,IIS 返回一个表示该请求的状态的数字代码.状态代码可以指明具体请求是否已成功,还可以揭示请求失 ...

  6. MySQL - 锁等待超时与information_schema的三个表

    引用地址:https://blog.csdn.net/J080624/article/details/80596958 回顾一下生产中的一次MySQL异常,Cause: java.sql.SQLExc ...

  7. Image 释放

    你是用 Image.FromFile取的图片吧,这个方法会锁定图片文件. 有几种方法解决:一:System.Drawing.Image img = System.Drawing.Image.FromF ...

  8. Java 基础 - 比较方式选择（什么类型用equals()比较，什么类型用==比较）

    ref: https://www.cnblogs.com/lori/p/8308671.html 在 java 中进行比较,我们需要根据比较的类型来选择合适的比较方式: 对象域,使用 equals 方 ...

  9. 初识Qgis

    折腾了一天,qgis终于能在跟了自己8年的本本上顺利打开了,官网先后下载了3.8和3.4版本的都出现了同样的问题,"could not load qgis_app.dll",goo ...

  10. VC++ MFC文件的移动复制删除更名遍历操作

    1．判断文件是否存在 利用CFile类和CFileStatus类判断 CFileStatus filestatus; if (CFile::GetStatus(_T("d://softist ...