表单标签(HTML)
表单标签(HTML)
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表单标签</title>
</head><body><form action="demo.php" method="POST" name="name1"><!--text 文本框 用户可以在里面输入任何文字--><!-- label标签 点相关文本框即可自动跳到相应的表单元素上 --><label for="text"> 用户名:<input type="text" name="username" value="请输入用户名" maxlength="20" id="text"> <br /><!--password 密码框 用户看不见输入的文字-->密码:<input type="password" name="pwd"><br /><!--radio 单选按钮 可以实现多选一--><!-- name 是表单元素名字 这里性别单元按钮必须有相同的名字name 才可以实现多选1 --><!-- 单选按钮和复选框可以设置checked 属性,当页面打开的时候就可以默认选中的这个按钮 --><label for="nan">性别: 男 <input type="radio" name="sex" value="男" checked="checked" id="nan"><label for="nv">女 <input type="radio" name="sex" value="女" id="nv"><br /><!--checkbox 复选框 可以实现多选-->爱好:听音乐 <input type="checkbox" name="hobbt" value="听音与">运动 <input type="checkbox" name="hobbt" value="运动">学习 <input type="checkbox" name="hobbt" value="学习">看书 <input type="checkbox" name="hobbt" value="看书" checked="checked"><br /><!--submit 提交按钮 --><!-- 点击了提交按钮,可以把 表单域form 里面的表单元素 里面的值 提交给后台服务器 --><input type="submit" value="免费注册"> <br /><!-- 重置按钮可以还原表单元素初始的默认状态 --><input type="reset" value="重新填写"><br /><!-- 普通按钮 botton 后期结合js 搭配使用--><input type="button" value="获取短信验证码"><br /><!-- 文件域 使用场景---上传文件使用的 -->上传头像:<input type="file"></form><form>籍贯:<select><option>广东</option><option>北京</option><option selected="selected">上海</option><option>广西</option><option>辽宁</option><option>海南</option></select></form><form>今日反馈:<!-- cols=“50”可以写50个字 rows=“5” 5行 --><textarea cols="50" rows="5">请输入相关信息</textarea></form></body></html>
表单标签(HTML)相关推荐
- 表单标签form、label、input、textarea、select
表单的介绍 表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 . 表单相关标签的使用 <form>标签 表示表单标签,定义整体的表单区域 <la ...
- html表单标签怎么使用,HTML的表单标签使用
使用 表单标签,与用户交互 语法: 其中传输方式有俩种,分别是get或者post.其中get是用于从服务器得到数据,而post是向服务器传输数据.两者有较大的区别. 在安全性来讲post更优于get. ...
- 5.数据绑定和表单标签库
1.有了数据绑定,类型总是为了String的HTTP请求参数,可用于填充不同的类型的对象属性 2.表单标签库 为了使用这些标签,必须在jsp页面开头处声明这个taglib指令 <%@taglib ...
- python全栈开发 * 表格标签 表单标签 css 引入方式 * 180807
html部分 一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...
- springmvc十九:springmvc表单标签
1. Spring提供的轻量级标签库 2.可在JSP页面中渲染HTML元素的标签 3 用法 1)必须在JSP页面的开头处声明taglib指令 <%@ taglib prefix="fm ...
- SpringMVC学习系列(11) 之 表单标签
2019独角兽企业重金招聘Python工程师标准>>> 本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebMode ...
- SpringMVC:学习笔记(5)——数据绑定及表单标签
SpringMVC--数据绑定及表单标签 理解数据绑定 为什么要使用数据绑定 基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数 ...
- HTML/CSS学习笔记02【表单标签】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- Bootstrap4+MySQL前后端综合实训-Day08-PM【ajax获取表单标签内容、根据“栏目信息”添加“新闻信息”、新闻管理系统-项目展示】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程 博客汇总表 详细笔记][附:实训所有代码] 目 录 ajax获取表单标签内容 ajax根据数据库加载select下来列 ...
- Spring MVC之表单标签
为什么80%的码农都做不了架构师?>>> 序言 Spring自2.0开始,就开始全面支持表单标签. 使用表单标签的优点有: 简单 支持Model自动绑定 一.表单标签开发步骤 ...
最新文章
- Ruby之父:写Ruby时工作特别闲,总加班的人很难做出创造
- [YTU]_2442( C++习题 矩阵求和--重载运算符)
- Tableau上面地图与条形图结合_何为计算的详细级别,认识Tableau中的Level of Detail...
- java面试解决项目难题_Java转换难题者,不适合工作(或面试)
- java中double除法和取余的若干注意
- 【Qt串口波形绘图】基于QCustomPlot的串口波形绘图上位机,源码开放
- 移动网站建设应注意哪些问题?
- IPC$入侵的4种方式
- PIL库改变图片大小
- Flutter图片加载数据
- WSTMART电商开源版安装教程-徐新帅-专题视频课程
- KUKA youbot机械臂与Moveit工具包(2)
- 前端面试必备ES6全方位总结
- Jenkins笔记02-Jenkins安装和持续集成环境配置
- linux环境下(SUSE 11)安装ArcSDE 10.0 的注意事项(Oracle 11g)
- Linux中正则表达式详细命令及代码(附实验笔记)
- Redis(6)——GeoHash查找附近的人
- 【转】“执行力”问题的实质是“领导力”
- json对象(json对象和json数组)
- 问一个sql方面的问题
热门文章
- Java中类、抽象类、接口之间的区别和联系。
- 二进制数据(Image类型)从一个表存入另一个表
- 49个Python的常见操作/技巧/例子
- 文件下载时,IE与FireFox对文件名编码的不同处理! Content-Disposition
- java图片色差_java – JPEG图像的颜色错误
- 【Hive】集合函数
- Nginx配置Thinkphp3.2.3配置,访问Nginx报 No input file specified. 的问题解决
- hutool BigExcelWriter 下的autoSizeColumnAll异常问题
- ReferenceError: regeneratorRuntime is not defined解决方法
- “MySQL 服务正在启动 . MySQL 服务无法启动。 服务没有报告任何错误。”的解决方案