必威体育Betway必威体育官网
当前位置:首页 > IT技术

Form表单设计

时间:2019-10-11 00:14:18来源:IT技术作者:seo实验室小编阅读:78次「手机版」
 

表单设计

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Form</title>
	</head>
	<body>
		<p></p>
		<p></p>
		<center>
		<form action="http://www.baidu.com" method="get">
			<fieldset>
				<legend>必填内容</legend>
			姓名:<input type="text" name="username" value="请输入用户名" size="20" /><br />
			密码&nbsp;:&nbsp;&nbsp;<input type="password" name="password" /><br />
			</fieldset>
			
			隐藏框:<input type="hidden"  /><br />
			<fieldset>
				<legend> 选填内容</legend>
			性别:<input type="radio"  name="sex" checked/>男
			   <input type="radio" name="sex" />女<br />
			爱好:<input type="checkbox" name="like" value="eat" />吃饭
			<input type="checkbox" name="like" value="sleep" />睡觉
			<input type="checkbox" name="like" value="play" />打豆豆
			<p></p>
			学历:<select name="xueli">
				<option value="collage">大学</option>
				<option value="highschool">高中</option>
				<option value="middleschool">初中</option>
		        </select>
		        <p></p>
		       备注:<textarea rows="1" cols="20" >留言</textarea><p></p>
		      <input type="button" value="普通按钮" οnclick="alert(this.value)"/>
		      <input type="submit" value="提交按钮"  />
			  <input type="reset" value="重置按钮" />
			  <input type="image" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1551672779997&di=4b1631a632097eaef41f1cf37c2ac478&imgtype=0&src=http%3A%2F%2Fpic29.photophoto.cn%2F20131201%2F0007020131589744_b.jpg" width="100" height="30"  />
		    </fieldset>
		</form>
		</center>
	</body>
</html>

相关阅读

什么是信息(Information)?

什么是信息(Information)?信息(Information)是一个术语,或者一个单词。中文是“信息”,英文是Information。术语被用来概括地描述一些事

刚体变换(Rigid Transformation)

向量叉乘(Cross Product)--------------------------------------------------------------------------------------刚体变换(Rigid

html+css+js 填写表单实现下一步上一步操作

效果如下   完整代码如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Bootstrap 实例 - 带语境色彩

Request、Request.Form、Request.QueryString用法的区

Request.Form:获取以POST方式提交的数据。Request.QueryString:获取地址栏参数(以GET方式提交的数据)。Request:包含以上两种方式(优先

DecimalFormat格式化小数0,#

public static final DecimalFormat DFORMAT1 = new DecimalFormat("0.00");//小数位多于2位时四舍五入,最多保留两位小数,第二

分享到:

栏目导航

推荐阅读

热门阅读