<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. ubuntu 转换图片格式的方法（sam2p, imagemagick)

    (1) 终端:sudo apt-get install sam2p sam2p [原图片名.格式] [目标图片名.格式] 即可在同一目录下生成目标图片格式 (2) 终端: sudo apt-get i ...

  2. 牛腩新闻发布系统（三）：CSS盒子模型及其基本内容

    导读: 这些天一直在做牛腩的网页,比如什么首页.出错页.新闻内容页等.在学习的不断推进中,一些刚开始理解的不是很好的东西,也逐渐的深刻了起来.下面,就对这一段时间的学习,做一个总结.主要总结内容有:盒 ...

  3. android源码mk文件里的TARGET_OUT指向哪里？

    android源码核心变量大都在build/core/envsetup.mk中建立 在该文件中,可以找到 TARGET_OUT := $(PRODUCT_OUT)/$(TARGET_COPY_OUT_ ...

  4. 洛谷 [T21778] 过年

    离线扫描线+查分+线段树 我们发现,这个题的询问都是离线的,所以我们尝试用离线扫描线的方法来处理 对于每一次操作,我们维护一个差分数组, 在询问的时候,我们用一根扫描线,从左往右扫,并用线段树维护,每 ...

  5. HDU 5009 Paint Pearls（西安网络赛C题） dp+离散化+优化

    转自:http://blog.csdn.net/accelerator_/article/details/39271751 吐血ac... 11668627 2014-09-16 22:15:24 A ...

  6. Perl语言入门--1--perl的包安装

    A.  手工安装 从CPAN下载了DBI模块1.13版的压缩文件DBI-1.13.tar.gz.假设放在/usr/local/src(一般需要编译安装的软件,都放在此目录下安装). # cd /usr ...

  7. ajax 分页（jquery分页插件pagination） 小例1

    <link rel="stylesheet" href="/plugins/jQuery/page/pagination.css"/> <sc ...

  8. InitializingBean

    org.springframework.beans.factory包下有一个接口是InitializingBean 只有一个方法: /**  * Invoked by a BeanFactory af ...

  9. Centos7安装完成后一些基本操作

    1.基本操作一:主机名 # centos7有一个新的修改主机名的命令hostnamectl hostnamectl set-hostname --static www.node1.com # 有些命令 ...

  10. htmlcxx取指定字段实例

    #include <string> #include <iostream> #include <sstream> #include <htmlcxx/html ...