Question

<body> <div id="div1"> <form id="f1">Personal Information<hr align="right" width="95%"> <div id="div2"><label>Name:</label><input id="text1" type="textbox" placeholder="First Name" size="20"> <input id="text2" type="textbox" placeholder="Last Name" size="20"><br/><br/></div> <div id="div3"><label>E-mail:</label><input id="text3" type="textbox" placeholder="EMail" size="20"><br/><br/></div> <div id="div4"><label>Date Of Birth:</label><input id="text4" type="textbox" placeholder="yyyy-mm-dd" size="20"><br/><br/></div> <div id="div5"><label>Other Details:</label><textarea id="text5" rows="10" cols="42"  onkeyup=""/></div> <div id="div6"><input type="button" id="button1" value="Submit"></div>

但在编写此代码按钮时，不显示代码

的错误

Answer 1

Textarea的结束标记是必需的。

替换

<textarea id="text5" rows="10" cols="42"  onkeyup=""/>

的

<textarea id="text5" rows="10" cols="42"  onkeyup=""></textarea>

Answer 2

替换

<input type="button" id="button1" value="Submit">

有关

<input type="submit" id="button1" value="Submit my form !">

Answer 3

你遗漏了很多标签，我在下面提供了经过纠正的代码。

<form id="f1">
  Personal Information
  <hr align="right" width="95%">

  <div id="div2">
    <label>
      Name:
    </label>
    <input id="text1" type="textbox" placeholder="First Name" size="20">

    <input id="text2" type="textbox" placeholder="Last Name" size="20">
    <br/>
    <br/>
  </div>

  <div id="div3">
    <label>
      E-mail:
    </label>
    <input id="text3" type="textbox" placeholder="EMail" size="20">
    <br/>
    <br/>
  </div>

  <div id="div4">
    <label>
      Date Of Birth:
    </label>
    <input id="text4" type="textbox" placeholder="yyyy-mm-dd" size="20">
    <br/>
    <br/>
  </div>

  <div id="div5">
    <label>
      Other Details:
    </label>
    <textarea id="text5" rows="10" cols="42"  onkeyup="">

    </textarea>
  </div>

  <div id="div6">
    <input type="button" id="button1" value="Submit">
  </div>
</form>

你错过了Body，Form，Textarea和父DIV的Closing标签。

创建html表单时不显示按钮

3 个答案: