html-基本form元素---ShinePans

<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>

时间： 2024-08-07 00:41:21

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

Html之常用元素----ShinePans

1.table,title,td,tr  <html> <head> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <title>无标题</title> </head> <body> <table width="200" bor

博主目前处于Js学习的初期,遇到了很多问题,比如今天的关于表单form元素中onsubmit事件问题,根据教程所述,onsubmit事件是在表单提交的时候触发的,但是我看到教程上的onsubmit事件是这么写的 :onsubmit="return validateForm();",首先validateForm()已经有返回值了,为什么在这里还要加一个return??这让我百思不得其解,直到看到一篇博文才恍然大悟,受益匪浅,以下是这篇博文的出处:http://blog.163.com/h

Form元素与字体

前言以前写代码的时候总是喜欢在body元素中写字体属性,用以控制全局字体样式,后来发现表单元素中的字体样式并不能被控制,郁闷的不行. 解决方法因为表单元素无法继承body的字体属性,所以要单独设置. body { font-family: Arial, Helvetica, sans-serif; font-size:12px; } input, label, select, option, textarea, button, fieldset, legend { font-family:

javascript：<form> 元素

原文章:https://wangdoc.com/javascript/index.html <form> 元素 <form>元素代表了表单,继承了 HTMLFormElement 接口. HTMLFormElement 的实例属性 elements:返回一个类似数组的对象,成员是属于该表单的所有控件元素.该属性只读. length:返回一个整数,表示属于该表单的控件数量.该属性只读. name:字符串,表示该表单的名称. method:字符串,表示提交给服务器时所使用的 HTTP

07 html 表单form元素各种input元素常用元素综合案例

Html的表单元素,主要用途:用户输入数据,并提交给服务器基本语法是: <form action=”url”(是指把表单提交给谁) method=”提交的方法(get/post),默认是get”> 各种输入元素[输入框,下拉列表,文本域,密码框] </form> 案例:登陆界面 login.html <html> <head> <title>登陆界面</title> </head> <body> <fo

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

<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { if (event.keyCode == 13) return false; }) 原文地址:https://www.cnblogs.com/wujiaqi/p/10248828.html

form 元素横向排列

<section id="contact"> <div class="lj"> <div class="container"> <div class="row"> <div class="col-md-6"> <h2> <span class="glyphicon glyphicon-send"><

Vuejs——（6）Vuejs与form元素

版权声明:出处http://blog.csdn.net/qq20004604 目录(?)[+] 资料来于官方文档: http://cn.vuejs.org/guide/forms.html 本文是在官方文档的基础上,更加细致的说明,代码更多更全. 简单来说,更适合新手阅读 (二十三)表单绑定 ①常见绑定方法: [1]文本输入框绑定: [2]textarea绑定(类似[1]): [3]radio选中值绑定: [4]checkbox绑定(自动捆绑数组,无需name): [5]select绑定: [6

跟KingDZ学HTML5之十二 HTML5 Form 表单元素新增属性

这节课给大家补充一下,一些前些课程没有接触的知识. 在XHTML中,表单内的从属元素必须书写在表单内部,但是在HTML5中,可以把他们书写在页面上任何地方,然后给元素制定一个form属性,属性值为该表单单位的id,这样就可以声明该元素从属于指定表单了. 这个我想对于我们来说,应该是个很新奇的玩意吧 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>form