H5学习之旅-H5的表单（11）

H5的表单元素

form：表单

input：输入域，type属性可以设置text，password，button等不同的属性

textarea：文本域

lable：控制标签

fieldset：定义域

legend:域的标题

select：选择列表

optgroup：选项组

option：下拉列表中的选项

button：按钮

！！！！！！！！！！代码实例

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>H5表格</title>
</head>
<body>
<form>用户名：<br/><input type="text">密码：<input type="password">你有喜欢的水果没？<br/>苹果<input type="checkbox">西红柿<input type="checkbox">香蕉<input type="checkbox"><br/>请选择您的性别？<br/>男<input type="radio" name="sex">女<input type="radio" name="sex"><br/>请选择您经常去的网站？<br/><select><option>www.baidu.com</option><option>www.google.com</option><option>www.youku.com</option></select><br/><input type="button" value="按钮"><input type="submit">
</form><textarea cols="30" rows="30">请在此填写个人信息</textarea>
</body>
</html>

！！！！！效果图

转载于:https://www.cnblogs.com/fengsehng/p/6048547.html

H5学习之旅-H5的表单（11）相关推荐

H5学习之旅-H5的样式（5）
样式的引入方式外部样式表 link rel = "stylesheet" type = "text/css" href = "mystyle.css ...
H5学习之旅-H5列表（8）
列表的基本语法 ol:有序列表 ul:无序列表 li:列表项 dl:列表 dt:列表项 dd:列表描述常用列表 1.无序列表:使用标签 ul,li 属性:disc(默认实心圆) circle (空心 ...
H5学习之旅-H5的基本标签（2）
H5的标签和html的标签没什么区别,主要介绍H5的基本标签 1.基础标签header和body,header的<title>元素主要是显示在标签页面里面,以及设置使用的语言和编码格式.b ...
【前端学习日志】HTML表格表单注册页面案例+CSS选择器
今日学习一.HTML部分 1.表格的基本语法 2.表头单元格标签 3.还是表头单元格标签 4.小说排行榜案例 5.合并单元格 6.无序列表 7.有序列表 8.自定义列表 9.表单域 10.Input ...
【PHP学习】—PHP连接数据库实现表单页面的验证功能（七）
[PHP学习]-PHP连接数据库实现表单页面的验证功能(七)
学习js,尝试写一个表单验证框架(1)－规划
斗胆放到首页来,如果不合适的话就删了吧,谢谢其实这个框架也已经写了一点了,但是越写越乱越没把握,最终决定写成博客的形式,强迫自己慢下步调,一点点仔细地规划,设计,思考,期间也一定会遇到不少问题,还请 ...
SpringMVC:学习笔记(5)——数据绑定及表单标签
SpringMVC--数据绑定及表单标签理解数据绑定为什么要使用数据绑定基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数 ...
redux-form V.7.4.2学习笔记（六）表单同步校验技术
一.客户端同步校验支持 redux-form V.7.4.2提供了两种方法可以为表单提供同步客户端校验支持. 第一种是为整个redux-form提供校验函数,该函数接受一个以表单中所有值组成的对象作为 ...
python爬虫文件格式_Python网络爬虫数据格式学习（转换headers、表单和urlencode数据为字典格式）...
最近在学习爬虫时经常要复制浏览器的headers和表单数据到Python进行操作,但是复制过来的IE的数据格式是对用制表符('\t')进行分隔,而Chrome复制过来的是用冒号(':')分隔,不能够直 ...

H5学习之旅-H5的表单（11）

H5的表单元素

form：表单

input：输入域，type属性可以设置text，password，button等不同的属性

textarea：文本域

lable：控制标签

fieldset：定义域

legend:域的标题

select：选择列表

optgroup：选项组

option：下拉列表中的选项

button：按钮

！！！！！！！！！！代码实例

！！！！！效果图

H5学习之旅-H5的表单（11）相关推荐

最新文章

热门文章