一、cancel取消按钮
取消按钮,实现刚刚输入的框中内容变为空,需要重新输入。此时可以配以,提交按钮验证输入框是否为空的功能。
<input id="btn2" type="button" value="取消" οnclick="document.getElementById('newtel').value='';"/>
<span style="color:#3366ff;">onclick后面可以直接写js函数</span>
一般情况下,<label>中的文字处于<textarea>框的左下角,而我们想要的效果是,提示文字在textarea文本框的左上角(框外),这时一个float:left可以解决问题
解决效果图:
<div>
<label for="newintro" style="float:left;">请输入新的单位简介:</label>
<textarea id="newintro" name="newintro" rows="10" cols="40"></textarea>
</div>
注:只需要label标签有 style="float:left;" 这个属性,这样下面的<textarea>标签内容可以正常的显示在这个标签的后面。
但是textarea标签中没有这个属性
三、输入框为空的验证(JS)
表单<form>在action提交之前,先进行验证,实现方法是有个 οnsubmit="return validate()" ,其中validate()就是空值验证函数
<form method="post" action="<%=path %>/servlet/Dw" οnsubmit="return validate()"> </form>
然后在js中写好验证函数,其实非常简单。
function validate(){
if(document.getElementById("newintro").value==""){
alert("请输入要添加的内容!");
return false;
}
return true;
}
①检查条件语句&循环函数内的变量及其值
debug中的variables查看变量值→右键change value改变变量值,以便于进行下一步的运行→save
②step over等
五、数据库取值为空与否的显示
一个函数解决的问题
String tel = temp.getdwtelphone == null? "暂未录入": temp.getdwtelphone;