html 表单

原创 2016年08月28日 23:22:04
<!DOCTYPE html>
<html>
    	<!--作者:xwl281928290@163.com
    	时间:2016-07-25
    	描述:
    	
	    action:提交路径
	    method:提交方式
	    type:
	    	1 text 标签类型
	    	2 password 密码框
	    	3 radio :点选
	    	4 submit :提交
	    	5 checkbox:多选
	    	6 file :文件
	    name:标签名称
	    vamaxlength:设置输入框输入文字大小
	    value:设置默认值
	    readonly:设置输入框维只读  不能输入
	    disabled:为激活
	    
	    checked:单选框 设置默认值
	    select :下拉列表
	    	1 size 设置默认显示数量
	    	2 multiple :下拉列表多选
	    	3 selected : 默认显示-->
  
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="java,c++,C#"  />
		<meta name="description" content="这是一个高软件开发的平台" />
		<meta http-equiv="refresh" content="20;url=http://www.baidu.com" />
		<!--设置网页图标-->
		<link rel="icon" type="image/x-icon" href="icon.ico" />
		
		<!--引用外部样式表-->
		<link rel="stylesheet" type="text/css" href="XXX.css" />
		
		<title>这是我的第一个表单</title>
		<script type="text/jscript"> </script>
	</head>
	<body>
		<form action="asda.php" method="post">
			
			<fieldset><!-- 表单最外面的框-->
				<legend align="left">注册信息</legend><!-- 相当于表单的标题-->
				用户名:    <input type="text" name="username" maxlength="6" />  <br /><br />
				密码:        <input type="password" name="password" /> <br /><br />
				确认密码:<input type="password" name="password" disabled="disabled"/> <br /><br />
				性别 : <input type="radio" name="性别" checked="checked"/>男
					   <input type="radio" name="性别" />女 <br /><br />
					 
					 
				爱好: <input type="checkbox" checked="checked"/>台球
					  <input type="checkbox" />做球
					  <input type="checkbox" />篮球  <br /><br />
					
					 
				头像:<input type="file" /> <br /><br />
					
				
				籍贯:<select  multiple="multiple">
						<option >黑龙江</option>
						<option>河北</option>
						<option selected="selected">浙江</option>
						</select>
						
				下拉列表:
					<select >
						<optgroup label="中国"></optgroup>
						<option >黑龙江</option>
						<option>河北</option>
						<option>河南</option>
						<option>吉林</option>
						<optgroup label="中国"></optgroup>
						<option >黑龙江</option>
						<option>河北</option>
						<option>河南</option>
						<option>吉林</option>
					</select>
				
				<br /><br />
				<!-- 表单按钮-->
				<input type="submit" value="提交" />
				<!-- 不同按钮-->
				<input type="button" value="登陆" />
				<!-- img/img4按钮-->
				<input type="image" src="logo.png" />
				<!-- 重置按钮-->
				<input type="reset"  value="重置"/>
				<br /><br />
				<!-- cols :一行多少个字符 相当于 宽度
					rows:一列多少个字符 相当于 高度
				-->
				<textarea cols="50" rows="10">自我介绍</textarea>
			
			</fieldset>
			
		</form>
	</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

1HTML5表单属性

  • 2016年05月12日 16:52
  • 472KB
  • 下载

html5表单上传控件Files API

  • 2015年09月01日 20:40
  • 40KB
  • 下载

网站开发之HTML基础表格Table和表单Form(三)

这篇文章主要介绍HTML两个比较重要的基础知识: - 表格Table及简单的网页布局 - 表单Form及Input控件 - 简单介绍HTML5新增Input控件 真心希望文章对你有所帮助,尤其...

html表格与表单的制作

  • 2014年03月23日 23:01
  • 75KB
  • 下载

.html框架和表单

  • 2014年06月03日 08:56
  • 1KB
  • 下载

Html页面窗口框架与表单

1.首先在html代码中的框架不能用,基本语法:       ........   其中的的src指向的URL地址就是要显示的html文件,noresize表示页面窗口大小不可改变。 2.各窗...

HTML5表单(二)form标签 input标签 textarea标签

表单标签的名字叫做from,在网页上插入一个form标签就定义了一个表单,该标签和我们之前学习的标签不太一样,因为它是不可见的。也就是说用户是无法在网页当中看到表单的。输入标签:该系列有两个标签,主要...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html 表单
举报原因:
原因补充:

(最多只允许输入30个字)