表单的简单使用

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

附图:


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

利用js事件进行简单的表格操作

   1aaaaaa    2aaa
  • tengyang11
  • tengyang11
  • 2010年11月15日 09:19
  • 449

页面表单的简单使用

表单:它是与服务器交互的主要方式 name属性: 所有携带数据发送到服务器的标签,都必须有name属性。 所有表单项标签(input、select、textarea),除按钮外,都要...
  • u010028461
  • u010028461
  • 2017年12月28日 17:25
  • 10

extjs的简单使用

ext下载地址:http://extjs.org.cn/node/515 当前下载的最新版本为ext-4.0.7-gpl.zip,解压之后文件目录结构如下图所示:   文件目录主要...
  • weixin_41356040
  • weixin_41356040
  • 2018年01月22日 10:25
  • 27

Mysql简单使用

1、查询表中某字段值,如查询学生表中姓名=hapasm select * from student where nam='hapasm' 2、查询物料表中,查询出所有物料代码重复的数据 sel...
  • hapasm
  • hapasm
  • 2016年12月22日 21:03
  • 207

iOS基础:UITableView简单使用

#pragma mark 实现此方法,就会出现Delete按钮 -(void)tableView:(UITableView *)tableView commitEditingStyle:(UITabl...
  • gongwutianya
  • gongwutianya
  • 2016年07月28日 21:20
  • 496

ViewPager简单使用步骤

前言:感觉和listView使用一样。 1.xml文件中布局 2.Actvity中实例化ViewPager 3.自定义Adapter,这里具体实现稍有不同,也有些暂时不懂的地方 4.Adapt...
  • zinjin_woxin
  • zinjin_woxin
  • 2015年09月02日 16:41
  • 2356

ListView的简单用法

一:运行效果图 二:学习目标 1):掌握ListView控件的使用 2):掌握如何自定义Adapter的使用 三:主要参考步骤及代码        采用ListView的Sima...
  • csdncongcong
  • csdncongcong
  • 2016年04月17日 11:55
  • 508

Handler的基本简单使用

本文主要介绍Handler几种常见的基本用法 第一种:子线程给主线程发消息 这种最基本常用 final android.os.Handler handler=new android.os.Handl...
  • u012216899
  • u012216899
  • 2016年12月03日 15:38
  • 248

html表单标记简单使用

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

Rails 表单简单使用

表单开始标签: Ruby代码 收藏代码 :save }, { :method => :post } %> Use :multipart => true to define a Mime-Multi...
  • u011345213
  • u011345213
  • 2013年07月09日 15:26
  • 751
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单的简单使用
举报原因:
原因补充:

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