制作form表单时,如何用css设置select的样式呀~~

制作form表单时,如何用css设置select的样式呀~~,第1张

在IE中CSS能控制select高宽,在火狐中可以控制的比较多

直接在select上加class就可以设置CSS了

例:

<style type="text/css">

.selectYs{ width:300pxbackground:#F00}

</style>

<form action="#">

<select class="selectYs">

<option value="">1111

<option value="">1111

<option value="">1111

<option value="">1111

</select>

</form>

有的属性浏览器不兼容,但大部分还是可以的你自己试试就知道了

form表单提交数据的几个注意事项:

1.所有获取用户输入的标签都必须在form表单里面

2.action控制着往哪儿提交

3.input\select\textarea 都需要有name属性

4.提交按钮<input type="submit">

input 系列的type属性

text 文本框

password 密码框

radio 单选框

checkbox 复选框

date 日期

file 文件(可以上传图片)

button 普通按钮,多用JS给它绑定事件

reset 重置按钮

submit 提交按钮

textarea 大段文本

<input

type="submit"

name="button"

id="button"

value="提交"

style="

border:none

height:20px

width:100px

background:url(img134.tif)"

/>

在style中加入css就可以,需要注意的一点是,加背景图片的时候,边框按自己需求显示,默认是有边线的,

即border:的设置


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11788158.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存