第三天,html5之form标签

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta charset="utf-8"  />
		
	</head>
    <body>	
		<form name="form1" action="http://www.crazyit.org" method="GET" target="_blank">
			单行文本框:<input name="username" type="text" /><br/>
			不能编辑的文本框:<input name="username" type="text" readonly="readonly" /><br/>
			密码框:<input name="password" type="password"  /><br/>
			隐藏框:<input name="hidden" type="hidden"  />
			第一组单选框:<br/>
			红:<input name="color" type="radio" value="red"/>
			绿:<input name="color2" type="radio" value="green"/>
			蓝:<input name="color3" type="radio" value="blue"/><br/>
			第二组单选框:<br/>
			男性:<input name="sex" type="radio" value=""/>
			女性:<input name="sex" type="radio" value=""/><br/>
			两个复选框:<br/>
			<input name="website" type="checkbox" value="leegang.org"/>
			<input name="website" type="checkbox" value="crazyit.org"/><br/>
			文字上传区域:<input name="file" type="file" /><br/>
			图像区域:<input name="image" type="image" src="picture/pkq.jpg" alt="疯狂java联盟" width="27" height="31" /><br/>
			下面是四个按钮:<br/>
			<input name="ok" type="submit" value="提交"/>
			<input name="dis" type="submit" value="提交" disabled />
			<input name="cancel" type="reset" value="重置"  />
			<input name="no" type="button" value="无动作"   />
		
		</form>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_38006520/article/details/80964822
今日推荐