JavaWeb商城系统项目记录（一）

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 onclick="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标签中添加onsubmit="return 方法()"

第二种：button提交，添加一个button标签，设置它的onclick事件