我的FORM问题

时间:2010-05-30 17:01:59

标签: html forms

所以我的形式是这样的:

<textarea onfocus="javascript:clearContents(this);" rows="5" cols="40" id="comment" name="comment">Skriv hvorfor du vælger at stemme ja/nej. Skal indeholde detaljer, kritik/råd.  Klik for at skrive</textarea><br />
Ja: <input type="checkbox" value="Y" id="SCvote" name="SCvote"> eller Nej: <input type="checkbox" value="N" name="SCvote"> 

现在onfocus(当你点击框时)它清除文本“Skriv hvorfor ...”,但是如果你不写任何东西并仍然提交它,我的PHP代码认为它包含一些内容并插入文本“Skriv hvorfor ......“。

另一个问题是复选框。如果我不挑选任何东西,它会插入“Y”,即使我选择其他“N”它也会“Y”,我不希望它可以检查它们。我该怎么办?

clearcontents的定义:

function clearContents(element) {
  element.innerHTML = '';
}

3 个答案:

答案 0 :(得分:0)

在这里,我们会这样做:

&LT; HTML&GT;
  &LT; HEAD&GT;
    &lt; script type =“text / javascript”&gt;
      var defaultTxt ='skriv hvorforduvælger,来自stemme ja / nej。
Skal indeholde detaljer,kritik /råd。 Klik for skrive';
    &LT; /脚本&GT;
  &LT; /头&GT;
  &lt; body onload =“javascript:document.getElementById('comment')。value = defaultTxt;”&gt;
&lt; form method =“POST”action =“response.php”&gt;
  &lt; textarea onfocus =“javascript:document.getElementById('comment')。value ='';” rows =“5”
cols =“40”id =“comment”name =“comment”&gt;
  &lt; / textarea&gt;&lt; br /&gt;
  Ja:&lt; input type =“radio”value =“Y”name =“vote”&gt;
  eller Nej:&lt; input type =“radio”value =“N”name =“vote”&gt;
  &lt; input type =“submit”/&gt;
&LT; /形式&GT;
  &LT; /体&GT;
&LT; / HTML&GT;

通过更改为单选按钮,您只能在帖子上获得是或否答案。我不完全确定,但我怀疑通过不实际更改元素值,默认文本仍然被发布。我可能会过度使用我编写的所有代码,但它确实有效。

答案 1 :(得分:0)

您可以将复选框变为单选按钮(使用type =“radio”),因为您只需要1个答案,而不是两个。此外,在您的PHP代码中,首先检查comment =“kriv hvorforduvælger在stemme ja / nej.kal indeholde detaljer,kritik /råd.Klikfor skrive”的值,如果是,请发表空白评论或抓住错误并告诉用户键入注释

答案 2 :(得分:0)

对于checkboxes if you want to only pick one of the two then you need to use无线电按钮

对于textarea,如果文本已更改且未清除,则应检查提交。 即

<form onsubmit="if (!this.comment.cleared) clearContent(this.comment); return true;">
<textarea onfocus="this.cleared=true;javascript:clearContents(this);" rows="5" cols="40" id="comment" name="comment">...</textarea>
相关问题