1.form表单对齐
解决办法:这个问题其实很多朋友都遇到过,表单的label框里可能两个字三个字,这个时候你给label框设置一个宽度,然后设置text-align:right这样看就协调很多了。再一个情况,关于使用表单的时候,用table去写,你会发现很快就能搞定。
2.html中textarea标签
出现问题1:使用时,鼠标选中的时候,可能不是默认在第一行
解决办法:其实这个也不是解决办法,有很多朋友写代码的时候 喜欢用回车键,这样使得前后textarea标签中有空格
出现问题2:用户体验时,可以自由拉伸
解决办法:style="resize:none"加上这个就可以了
3.html中radio标签(判断是否被选中)
解决办法:首先补充一点,单选radio只需要把它name改成一样的即可。是否被选中,这个要配合JS才能判断还有一个checked。
具体代码如下:
<script>
function checkOne(){
var fruits=document.getElementsByName("fruits");
for(var i=0;i<fruits.length;i++){
if(fruits[i].checked){
alert(fruits[i].value);
}
}
}
</script>
<input type="radio" name="fruits" value="香蕉">香蕉</input>
<input type="radio" name="fruits" value="苹果">苹果</input>
<input type="radio" name="fruits" value="西瓜">西瓜</input>
<button οnclick="checkOne()">看看到底是谁</button>
4.table tr 设置padding没有效果 tr td的margin设置无效
解决办法:这个算是一个规定吧。所以,我们可以使用CSS属性代替表格的cellspacing,cellpadding属性
cellspacing属性使用border-collapse设置
cellpadding属性使用td的padding设置
其中我使用的解决办法是设置tr的height
注意不要与style中的cellpadding混淆
5.form表单提交
解决办法:
第一种:submit提交,这种方法是在form标签中添加οnsubmit="return 方法()"
第二种:button提交,添加一个button标签,设置它的onclick事件