<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. PMP项目管理——项目范围管理-规划范围管理

    规划范围管理是为记录如何定义.确认和控制项目范围及产品范围,而创建范围管理计划的过程.主要作用是,在整个项目期间对如何管理范围提供指南和方向.制定范围管理计划和细化项目范围始于对下列信息的分析:项目章 ...

  2. HSF简单实现记录（ 基于Ali-Tomcat 开发）

    文章目录 声明 注意 提示: Ali-Tomcat 概述 安装 Ali-Tomcat 和 Pandora 并配置开发环境 安装 Ali-Tomcat 和 Pandora 配置开发环境 配置 Eclip ...

  3. 拾遗：Perl 正则表达式

    三种正则模式: 匹配:m//,其中前缀 m 可省略 替换:s/// 转化:tr/// 操作符: =~:存在匹配项则返回结果 !~:不存在匹配项则返回结果 修饰符: i:忽略大小写,如:s/.../.. ...

  4. java 读取mysql中数据 并取出

    public static String url = null; public static String username = null; public static String password ...

  5. Southeastern European Regional Programming Contest 2019

    easy: I medium-easy: BDEGJ medium: F medium-hard: A A. B. 按 x 排序,\(dp[i][j][k]\) 表示考虑前 \(i\) 个物品,lev ...

  6. 312. 戳气球【困难】【区间DP】

    题目链接 有 n 个气球,编号为0 到 n-1,每个气球上都标有一个数字,这些数字存在数组 nums 中. 现在要求你戳破所有的气球.每当你戳破一个气球 i 时,你可以获得 nums[left] * ...

  7. 【idea】设置console控制台显示内容大小

    Settings→Editor→General→Console 参考文章:https://blog.csdn.net/weixin_34363171/article/details/93444586

  8. mysql 数据库基本命令

    停止mysql服务:net stop mysql      //管理员方式运行 启动mysql服务:net start mysql 进入数据库:mysql -u root -p 查看数据库:show ...

  9. python库之xgboost

    一.安装 https://www.zhihu.com/question/46377605

  10. ld.so和ld-linux.so* ：动态链接器/加载器(转)

    概述 动态链接器可以被正在运行的动态链接程序或者动态对象(没有对动态链接器指定命令选项,动态链接器被存储在程序的.interp区域)间接调用,也可以直接运行程序, 例如:/lib/ld-linux.s ...