程序博客网 > 淘宝口红哪家是正品

表单元素详解

来源：互联网发布：淘宝口红哪家是正品编辑：程序博客网时间：2024/06/16 20:01

<style>
/* 表单元素样式重置*/
form{margin:0;} /*form与form之间由外边距的；*/
input{margin:0;padding:0;} /*input有默认的内外边距，2px边框*/
select{margin:0;} /*有2px默认的外边距，它的宽高有兼容性问题*/
textarea{
/*有内外边距*/
margin:0;
padding:0;
resize:none; /*禁止调整大小*/
overflow:auto; /*调整为内容溢出自动；*/
outline:none;} /*取消焦点框的外边框，这个是个用户体验问题*/
form{border:1px solid red;}
</style>
</head>
<body>
<form action="" method="get" target="_blank">
提交按钮：<input type="submit" value="提交" name="" />
<br/><br/>
文本框：<input type="text" name="" />
<br/><br/>
密码框：<input type="password" name="" />
<br/><br/>
单选按钮：
<input type="radio" name="male" id="a" /><label for="a">男</label>
<input type="radio" name="female" id="b" /><label for="b">女</label>
<br/><br/>

复选框：
<input type="checkbox" name="" disabled />篮球 
<input type="checkbox" name="" disabled />羽毛球
<input type="checkbox" name="" />逛街
<input type="checkbox" name="" />健身
<input type="checkbox" name="" />游泳
<input type="checkbox" name="" checked/>旅游
<input type="checkbox" name="" />瑜伽
<br/><br/>
<hr/>
文件上传：<input type="file" name="" />
<br/><br/>
图片型按钮：<input src="sun.jpg" type="image" name="" />
<br/><br/>
普通按钮（没有任何功能）：<input type="button" name="" value="我是按钮" />
<br/><br/>
重置按钮：<input type="reset" name="" value="重置"/>
<br/><br/>
隐藏按钮：<input type="hidden" name="" />
<br/><br/>
<hr/>
下拉选框：
<select>
<option>1999</option>
<option>1998</option>
<option selected>1997</option>
<option>1996</option>
<option>1995</option>
</select>
<br/><br/>
文本域：<textarea>文本域</textarea>
</form>

0 0

淘宝口红哪家是正品

淘宝口红哪家是正品

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子满江红服饰满江红文征明满江红写怀岳飞满江红范成大满江红演讲满江红带拼音满江红5 满江红仿写岳飞满江红朗读满江红植物图片满江红培训满江红艺术馆满江红词牌名满江红岳飞书法满江红美甲满江红3 满江红词岳飞的满江红朗诵满江红词谱植物满江红满江红音频满江红游轮满江红读后感满江红朗诵mp3下载重庆满江红满江红岳飞注音满江红集体朗诵满江红诗歌满江红教案满江红房产岳飞书法满江红满江红怎么样满江红京剧满江红遍满江红化妆学校学费满江红楷书书法作品满江红岳飞全文解释满江红书法作品欣赏岳飞满江红硬笔书法满江红属于什么植物满江红化妆培训学校