h5标签基础 表单form
表单:收集用户信息
一、 组成:
文本框<input type="text"/>
密码框<input type="password"/>
单选框<input type="radio"/>
多选<input type="checkbox"/>
基础下拉框:
<select>
<option></option>
</select>
多选下拉框:
<select multiple="multiple">
<option></option>
</select>
分组下拉框:
<select>
<optgroup label="北京">
<option></option>
</optgroup>
</select>
多行文本框:
<textarea></textarea>
文件:
<input type="file"/>
按钮:
提交按钮:<input type="submit" value="提交 "/>
重置按钮:<input type="reset" value="重置"/>
普通按钮:<input type="button" value="普通"/>
图片按钮:<input type="image" src="地址"/>
表单域:
<fieldset>
<legend></legand>
</fieldset>
二、实操练习
代码:
<!--<embed src="like.mp3" hidden="true"></embed>-->
<marquee behavior="alternate" derection="up">注册好礼多多</marquee>
<form action="" methord="post">
<fieldset>
<legend>用户注册</legend>
用户名:<input type="text" maxlength="12" readonly="readonly" disable="disable" value="宋巧丽"/>
<br/><br/><br/>
密码:<input type="password" />
<br/><br/><br/>
性别:<input type="radio" name="xb" value="0"/>
男
<input type="radio" name="xb" value="1" checked="checked"/>女
<br/><br/><br/>
爱好:
<input type="checkbox" name="xq" value="羽毛球" />羽毛球
<input type="checkbox" name="xq" value="冰棒球" checked="checked"/>冰棒球
<input type="checkbox" name="xq" value="全能"/>全能
<br/><br/><br/>
所在省:
<select>
<option value="1001">北京</option>
<option value="1015">天津</option>
</select><br/><br/><br/>
亲属团成员:
<select multiple="multiple">
<option value="fuqin">父亲</option>
<option value="muqin">母亲</option>
</select><br/><br/><br/>
籍贯:
<select>
<optgroup label="北京">
<option>海淀区</option>
<option>昌平区</option>
<option>通州区</option>
</optgroup>
</select>
<br/><br/><br/>
头像:
<input type="file"/><br/><br/><br/>
自我介绍:<textarea cols="50" rows="10"></textarea><br/><br/><br/><br/><br/><br/>
<input type="button" value="验证"/>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
<input type="image" src="http://pic.qiantucdn.com/58pic/13/88/40/76b58PICeqz_1024.png!/format/webp" width="100" height="50" value="测试"/>
</fieldset>
</form>
h5标签基础 表单form的更多相关文章
- <form> 标签 // HTML 表单 // from 表单转换成json 格式
<form> 标签 // HTML 表单 // from 表单转换成json 格式 form 表单,对开发人员来说是在熟悉不过的了,它是页面与web服务器交互时的重要信息来源 表 ...
- HTML中的表单<form>标签
一.HTML表单 HTML 表单用于搜集不同类型的用户输入. HTML 表单包含表单元素,表单元素指的是不同类型的 input 元素.复选框.单选按钮.提交按钮等等. 关于表单的更多内容可以参考htt ...
- 微信小程序基础之表单Form的使用
表单Form的应用很广泛,我们可以利用form设计登录注册,也可以设计一种答题问卷的形式,今天主要讲一下form的使用 form表单,将组件内输入的"switch","i ...
- 制作Html标签以及表单、表格内容
制作Html一般用DW(......),Html全称为(Hyper Text Markup Language 超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐 ...
- 表单form的属性,单行文本框、密码框、单选多选按钮
基础表单结构: <body> <h1> <hr /> <form action="" name="myFrom" en ...
- HTML(七)HTML 表单(form元素介绍,input元素的常用type类型,input元素的常用属性)
前言 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input> ...
- amazeui学习笔记--css(HTML元素3)--表单Form
amazeui学习笔记--css(HTML元素3)--表单Form 一.总结 1.form样式使用:在容器上添加 .am-form class,容器里的子元素才会应用 Amaze UI 定义的样式. ...
- web之表单form
表单是我们平常编写Web应用常用的工具,表单(<form>)用来收集用户提交的数据,发送到服务器.比如,用户提交用户名和密码,让服务器验证,就要通过表单.表单是一个包含表单元素或控件的区域 ...
- bootstrap 基础表单
表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. ☑ LESS版本:对应源文 ...
随机推荐
- Java打印
Java打印 import java.awt.Color; import java.awt.Font; import java.awt.FontMetrics; import java.awt.Gra ...
- sublime 3 build结果关闭打开
Tools > Build Results > Show Build Results
- Spring的 classpath 通配符加载配置文件
http://www.cnblogs.com/taven/archive/2012/10/24/2737556.html classpath:app-Beans.xml 说明:无通配符,必须完全匹配 ...
- SVGEditor
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 有效的GOCsharpHelper1.0(源代码开放)
csharp编写界面,调用基于opencv的图像处理类库,是解决一类问题的优良方法.经过不懈研究,有最新进展: 一.目前情况和优点 位置在11.通过clr 架在c ...
- Excel里函数中的万金油,你确定不要点进来看看?
Excel里函数中的万金油,你确定不要点进来看看? 来源:EXCELHome Excel里有个号称"万能"的函数组合,这个函数组合就是INDEX+SMALL+IF,很多应用场合都能 ...
- Android内存泄露---检测工具篇
内存使用是程序开发无法回避的一个问题.如果我们毫不在意肆意使用,总有一天会为此还账,且痛不欲生...所以应当防患于未然,把内存使用细化到平时的每一行代码中. 内存使用概念较大,本篇先讲对已有app如何 ...
- HDU5916
Harmonic Value Description Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Ja ...
- 基于机器学习的web异常检测
基于机器学习的web异常检测 Web防火墙是信息安全的第一道防线.随着网络技术的快速更新,新的黑客技术也层出不穷,为传统规则防火墙带来了挑战.传统web入侵检测技术通过维护规则集对入侵访问进行拦截.一 ...
- 三层——c#版
首先,向大家通知一个好消息--我的三层终于实现了!!!这两天,一直在调一个bug一直链接不上数据库,弄得我死的心都有了.就在昨天,当我把一个","改成了":"后 ...