首页 > 代码库 > 1118form表单

1118form表单

2024-08-21 20:49:35   222人阅读

表单标签form包含

1.文本输入

输入标签input，type输入的格式，value为默认值（默认文字是什么）

文本框text，如账号框<input type="text" placeholder="输入帐号/>

密码框password；如密码框<input type="password" placeholder="输入账号"/>

（其中placeholder为等待输入）

文本区域textarea，成对出现，其中cols为一行有多少字符，rows为几行字符；如<textarea cols="10" rows="2"></textarea>

(一行十个字符，可显示两行）

强制要求输入required

*隐藏域hidden

2.按钮

提交按钮submit，<input type="submit" value="http://www.mamicode.com/提交"/>（默认显示提交）（提交作用即是提交整个form内的内容） 

重置按钮reset<input type="reset" value="重置"/>（刷新）

普通按钮，登录按钮button必须设置名称<input type="button" valud="登入"/>（value）

图片按钮image<input type="image" src="******"/>(效果同提交一样）

锁定按钮文本disabled<input type="text" value="邵轩轩"/>（锁定邵轩轩）（使按钮，文本框锁定）

3.选择输入

单选redio“需要分组”

男神<input type="redio name="***"/>

女汉子<input type="redio name="***"/>

多选（复选）checkbox

<input type="checkbox"/>金钱<br/>
<input type="checkbox"/>名利<br/>
<input type="checkbox"/>妹子

*文件上传（游览）file<input type="file" />

4.下拉列表框select

<select size="1">（其中size=1时为下拉列表框，大于1时为列表，通常为1）
<option>金钱</optron>
<option>名利</optron>
<option>妹子</optron>
</select>

上图！

技术分享

简单的注册界面

代码！

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body bottommargin="300" bgcolor="#00CCCC">
<center><form><table width="800" height="550" border="0" cellpadding="0" cellspacing="0">
<tr height="50">
<td width="200" colspan="2"></td>

</tr>
<tr height="50">
<td width="200"><b>邮箱</b></td>
<td width="600"><input type="text"/></td>
</tr>
<tr height="30">
<td colspan="2"><font color="#666666" size="-3">需要通过邮箱激活用户，不支持sohu，21cn，sougou的邮箱</font></td>

</tr>
<tr height="50">
<td><b>登入用户名</b></td>
<td><input type="text"/></td>
</tr>
<tr height="30">
<td colspan="2"><font color="#666666" size="-3">仅在登入时使用，字符不少于4个</font></td>

</tr>
<tr height="50">
<td><b>显示名称</b></td>
<td><input type="text"/></td>
</tr>
<tr height="30">
<td colspan="2"><font color="#666666" size="-3">即昵称，字符数不少于2个</font></td>

</tr>
<tr height="50">
<td><b>密码</b></td>
<td><input type="text"/></td>
</tr>
<tr height="50">
<td><b>确认密码</b></td>
<td><input type="text"/></td>
</tr>
<tr height="30">
<td colspan="2"><font color="#666666" size="-3">至少8位，必须包括字母，数字，特殊字符</font></td>

</tr>
<tr height="50">
<td><b>性别</b></td>
<td><input type="radio" name="111" checked="checked"/>男
<input type="radio" name="111" checked="checked"/>女
</td>
</tr>
<tr height="50">
<td><b>喜好</b></td>
<td><input type="checkbox" checked="checked" />听音乐<br />
<input type="checkbox" checked="checked" />遛弯<br />
<input type="checkbox" checked="checked" />看电影</td>
</tr>
<tr height="30">
<td colspan="2"><input type="submit" value="提交" /><br />
<input type="reset"  value="重置" /></td>

</tr>

</table></form></center>

</body>
</html>

 

1118form表单


联系
我们