<html>

<meta http-equiv="content-type" content="text/html;charset=UTF-8"/>

<head><title>表单</title>

	<body>

		<form action="logOk.html" method="get">

			你最喜欢哪些城市:

			<input type="checkbox" name="cities" value="wuhan">武汉

			<input type="checkbox" name="cities" value="shanghai">上海

			<input type="checkbox" name="cities" value="beijing">北京

			<input type="checkbox" name="cities" value="guangzhou">广州

			<br/>

			你的性别是:      

			<input type="radio" name="sex" value="male">男

			<input type="radio" name="sex" value="female">女

			<br/>

			下拉列表<br/>

			请选择你的出生地:

			<select name="address" size=3 multiple>

				<option value="hubei">湖北<!--选项--></option>

				<option value="shanghai">上海</option>

				<option value="beijing">北京</option>

			</select>

			<br/>

			文本域(用来发表文章发帖子等等)<!--cols:占用的列数,rows占用的行数-->

			</br>

			介绍自己:

			<br/>

			<textarea name="mytextarea" cols="60" rows="10">

			</textarea><br/>

			<br/>

			上传文件:

			<input type="file" name="myfile">

			<br/>

			<br/>

			<br/>

			隐藏域的使用

			<input type="hidden" name="data" value="ok">

			<input type="submit" value="測试"/>

			<br/>

			button的測试:

			<br/>

			<input type="image" src="image.jpg">

		</form>

	</body>

</html>

html-基本form元素---ShinePans的更多相关文章

  1. 了解HTML表单之form元素

    前面的话 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input& ...

  2. HTML（七）HTML 表单(form元素介绍，input元素的常用type类型，input元素的常用属性)

    前言 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input> ...

  3. Form元素与字体

    前言 以前写代码的时候总是喜欢在body元素中写字体属性,用以控制全局字体样式,后来发现表单元素中的字体样式并不能被控制,郁闷的不行. 解决方法 因为表单元素无法继承body的字体属性,所以要单独设置 ...

  4. html5--3.1 form元素

    html5--3.1 form元素 学习要点 form元素及其属性 form元素 用来定义一个表单,是建立表单的基础元素,(就类似定义表格的table) 表单的其他元素包含在form元素中,其主要子元 ...

  5. 阻止form元素内的input标签回车提交表单

    <form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { ...

  6. js获取form元素，不使用id

    <form method="post" name="form"> <input type="text" name=&quo ...

  7. Form元素示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. html的form元素

    <input type="email"><br> <input type="date"><br> <inp ...

  9. Vuejs——（6）Vuejs与form元素

    版权声明:出处http://blog.csdn.net/qq20004604   目录(?)[+]   资料来于官方文档: http://cn.vuejs.org/guide/forms.html 本 ...

随机推荐

  1. Given a linked list, return the node where the cycle begins. If there is no cycle, returnnull. Follow up: Can

    Given a linked list, return the node where the cycle begins. If there is no cycle, returnnull. Follo ...

  2. 九度oj 题目1153：括号匹配问题

    题目描述: 在某个字符串(长度不超过100)中有左括号.右括号和大小写字母:规定(与常见的算数式子一样)任何一个左括号都从内到外与在它右边且距离最近的右括号匹配.写一个程序,找到无法匹配的左括号和右括 ...

  3. Unity3D for iOS初级教程：Part 1/3

    转自Unity 3d for ios 这篇文章还可以在这里找到 英语 Learn how to use Unity to make a simple 3D iOS game! 这篇教材是来自教程团队成 ...

  4. 【Luogu】P2051中国象棋（DP）

    题目链接 去看STDCALL的题解吧 #include<cstdio> #include<cctype> #define mod 9999973 inline long lon ...

  5. Hibernate get 和 load区别

    Session.load/get方法均可以根据指定的实体类和id从数据库读取记录,并返回与之对应的实体对象.下边详细说一下get和load的不同,因为有些时候为了对比也会把find加进来. 1.从返回 ...

  6. CI(CodeIgniter)框架中的增删改查操作

    我们创建一个模型( 项目目录/models/),请注意:模型名与文件名相同且必须继承数据核心类CI_Model,同时重载父类中的构造方法 CodeIgniter的数据函数类在 \models\User ...

  7. 自动化测试框架之robot framework的应用分析

    序言:很多人都对自动化测试框架痴迷,我曾经也痴迷过一段时间,以前觉得自己对框架说的头头是道,现在回过头来看以前,说归说,但在如何应用还是欠缺,这一段时间,自己经历了一系列框架的构建和应用的时期,所以, ...

  8. 533. Lonely Pixel II

    Given a picture consisting of black and white pixels, and a positive integer N, find the number of b ...

  9. codevs——1570 去看电影

    1570 去看电影  时间限制: 1 s  空间限制: 128000 KB  题目等级 : 黄金 Gold 题解       题目描述 Description 农夫约翰带着他的一些奶牛去看电影.而他的 ...

  10. Jetson TK1 二：usb无线网卡的使用

    一.总体是按照群里的文档“TK1连接无线网络”的步骤操作的,但也遇到了一些问题,如下: 1.自动配置设备并下载内核源代码到指定的目录下时(估计是解压时),出现时间超前之类的问题,原因是当前本地时间是几 ...