表单的简单使用

原创 2016年08月28日 16:01:10

本篇讲的是表单的简单使用的一个小demo。

很简单,直接上code

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>html表单设计展示</title>
		<meta charset="utf-8">
	</head>
	<body>
	<h2>简单的表单示例</h2>
		<form action="" method="">
			用户名:<input type="text" name="win" value="winson" size="10" maxlength="20"><br/><br/>
			密码:<input type="password" value="" name="coding" size="10"><br/><br/>

				  <input type="hidden" value="隐藏的内容" name="hiddencontent" size="10">
			
			兴趣:<input type="checkbox" name="PE" checked="checked">体育   
			      <input type="checkbox" name="sing">唱歌<br/><br/>

			性别:<input type="radio" name="gender" value="male" checked="checked">男  
				  <input type="radio" name="gender" value="female">女<br/><br/>

			自我介绍:<br/><br/>
				  <textarea cols="25" rows="12" name="selperson">
				       这是自我介绍,可以填写一些内容
			      </textarea><br/><br/>
			城市:
			<select name="city">
				<option value="shanghai">上海</option>
				<option value="beijing">北京</option>
				<option value="guangzhou">广州</option>
				<option value="nanjing">南京</option>
				<option value="hefei">合肥</option>
				<option value="lu‘an">六安</option>
			</select><br/><br/>
			<input type="submit" value="提交"> 
			<input type="reset" value="重置"> 
			<input type="button" value="按钮"> 
		</form>
	</body>
</html>

附图:


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

相关文章推荐

使用jquery的验证框架,对表单进行验证(简单、基础)

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 注册表单验...

Yii 使用CActiveForm创建表单,以及htmlOptions简单说明

CActiveForm实际上是对Chtml类的封装,它与Chmtl不同的地方是CActiveForm提供了验证机制,有三种:    服务器端/客户端/ajax验证    基本表单:    beg...

使用简单jQuery工具来实现表单的验证

在web开发过程中,验证环节不可缺少。其中可以分为客户端和服务端两部分的验证:客户端,就是通过写js代码来实现对提交表单的验证;服务端,就是通过写逻辑编写java代码来实现表单的验证,在实际开发过程中...

html表单标记简单使用

1、... 表单标记 基本语法格式: 属性说明: action属性:改属性用来指定处理表单数据程序的URL地址。 method属性:改属性用来指定数据传送到服务器的方式。有两种属性值,g...

JavaScript-4.1-简单的表单操作,函数使用方法---ShinePans

4.1 确认表单必填项目完整性 function check_submit(){ if($("tex_user_name").value=="") {alert("请输入用...

javascript简单的表单交互

  • 2013年05月19日 20:05
  • 808B
  • 下载

HttpClient 的 Post 提交表单简单示例

示例很简单,主要用来熟悉HttpClient的最基础的使用逻辑,用于HttpClient入门 package com.alexwu.examples; import java.io.IOE...

SpringMVC入门很简单之表单标签

  • 2015年06月18日 15:46
  • 25.81MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单的简单使用
举报原因:
原因补充:

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