表单布局技巧总结

1.表单文本输入的移动选择

在文本输入框中，若加入提示，来访者往往要使用鼠标选取后删除，再输入有用的信息。其实只要加入onmouseover="this.focus()"  onfocus="this.select()"代码到<textarea>中，就变简单了。如：

<textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">Input English</textarea>

//onmouseover事件指鼠标指针移动到textarea上时执行js;onfocus事件在对象获取到焦点时触发;select()用于选择该元素中的文本;

2.表单输入单元格点击删除

本例同上则作用类似，只是使用鼠标上略有变化，需要点击而不像上则的只要鼠标覆盖。如：

<input type="text" name="address" size="19" value="Enter,e-mail..." onfocus="this.value=''"/>

文本框获取焦点后，提示信息会被删除。