<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. 微信-小程序-开发文档-服务端-模板消息：templateMessage.getTemplateList

    ylbtech-微信-小程序-开发文档-服务端-模板消息:templateMessage.getTemplateList 1.返回顶部 1. templateMessage.getTemplateLi ...

  2. 洛谷P3916 图的遍历

    题目链接:https://www.luogu.org/problemnew/show/P3916 题目大意 略. 分析 以终为始,逆向思维. 代码如下 #include <bits/stdc++ ...

  3. CVE-2019-0708简单复现

    各文件对应位置 rdp.rb -> /usr/share/metasploit-framework/lib/msf/core/exploit/rdp.rb rdp_scanner.rb -> ...

  4. 《转》python 12 列表解析

    转自 http://www.cnblogs.com/BeginMan/p/3164937.html 一.列表解析 列表解析来自函数式编程语言(haskell),语法如下: [expr for iter ...

  5. 【72. 编辑距离】【困难】【线性DP】

    给定两个单词 word1 和 word2,计算出将 word1 转换成 word2 所使用的最少操作数 . 你可以对一个单词进行如下三种操作: 插入一个字符 删除一个字符 替换一个字符 示例 1: 输 ...

  6. _IRP struct

    Windows XP x86 +0x000 Type : Int2B +0x002 Size : Uint2B +0x004 MdlAddress : Ptr32 _MDL +0x000 Next : ...

  7. iOS开发系列-Foundation与CoreFoundation内存管理

    概述 对于初学者来说,可能仅只能将ARC用在objective-c对象上(也即继承自NSObject的对象),但是如果涉及到较为底层的东西,比如Core Foundation中的malloc()或者f ...

  8. Django 分页器模板

    返回链接: djang ORM 分页器模板: class Pagination(object): def __init__(self,current_page,all_count,per_page_n ...

  9. 【JDK】：java.lang.Integer源码解析

    本文对JDK8中的java.lang.Integer包装类的部分数值缓存技术.valueOf().stringSize().toString().getChars().parseInt()等进行简要分 ...

  10. VGDB提示

    由于之前地址的版本在未安装.Net 4.0的电脑上安装会出现插件使用装载失败的问题,已更新,新地址为:http://pan.baidu.com/s/1xdnuD,此版本需要.Net 2.0.