<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. Decorator(装饰器模式)

    装饰器模式允许我们根据运行时不同的情景动态地为某个对象调用前后添加不同的行为动作. <?php class HtmlTemplate { // any parent class methods ...

  2. 【LeetCode】Grid Illumination(网格照明)

    这道题是LeetCode里的第1001道题. 题目要求: 在 N x N 的网格上,每个单元格 (x, y) 上都有一盏灯,其中 0 <= x < N 且 0 <= y < N ...

  3. Leetcode 392.判断子序列

    判断子序列 给定字符串 s 和 t ,判断 s 是否为 t 的子序列. 你可以认为 s 和 t 中仅包含英文小写字母.字符串 t 可能会很长(长度 ~= 500,000),而 s 是个短字符串(长度 ...

  4. Codeforces Round #204 (Div. 2)

    D. Jeff and Furik time limit per test 1 second memory limit per test 256 megabytes input standard in ...

  5. nginx的详解（二）

    查看几个设置 nginx正则表达式常用的是前6个 ^: 匹配字符串的开始位置: $:匹配字符串的结束位置:.*: .匹配任意字符,*匹配数量0到正无穷: \. 斜杠用来转义,\.匹配 . 特殊使用方法 ...

  6. LA 2218 半平面交

     题目大意:n名选手参加铁人三项赛,比赛按照选手在三个赛段中所用的总时间排定名次.已知每名选手在三个项目中的速度Ui.Vi.Wi.问对于选手i,能否通过适当的安排三个赛段的长度(但每个赛段的长度都不能 ...

  7. java面

    常被问到的十个 Java 面试题 每周 10 道 Java 面试题 : 面向对象, 类加载器, JDBC, Spring 基础概念 Java 面试题问与答:编译时与运行时 java面试基础1 java ...

  8. HDU 5001 Walk (暴力、概率dp)

    Walk Time Limit: 30000/15000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) Total Sub ...

  9. Python入门--7--处理数据时学习到的东西

    一.数据导入(这里使用的是pands包) import pands as pd wenjian = pd.read_csv('路径') 二.数据变换 print wenjian.head()    # ...

  10. vba比较日期大小，定义日期；vba让excel保存

    Private Sub CommandButton1_Click()Dim i, j As IntegerDim a As Datea = #10/1/2013#j = 2i = 2' If  Wor ...