HTML中表单的基本代码

HTML中表单的基本代码 表单是一个重要的HTML元素，可以让用户输入和提交数据。在HTML中，表单可以通过

标签来表示。表单包含了若干个输入控件，如文本框、下拉菜单、单选、多选等。以下是表单的基本HTML代码：

<form>
  <fieldset>
    <legend>个人信息</legend>
    <p>
      <label for="name">姓名:</label>
      <input type="text" id="name" name="name" required>
    </p>
    <p>
      <label for="gender">性别:</label>
      <input type="radio" id="gender" name="gender" value="male" checked>男
      <input type="radio" id="gender" name="gender" value="female">女
    </p>
    <p>
      <label for="city">所在城市:</label>
      <select id="city" name="city">
        <option value="beijing">北京</option>
        <option value="shanghai">上海</option>
        <option value="shenzhen">深圳</option>
      </select>
    </p>
    <p>
      <label for="interest">兴趣爱好:</label>
      <input type="checkBox" id="interest" name="interest" value="music">音乐
      <input type="checkBox" id="interest" name="interest" value="sport">运动
      <input type="checkBox" id="interest" name="interest" value="reading">阅读
    </p>
    <p>
      <label for="intro">个人简介:</label>
      <textarea id="intro" name="intro" rows="3" cols="30"></textarea>
    </p>
  </fieldset>
  <p>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
  </p>
</form>

在上述代码中，我们使用了

标签来表示表单的一组相关元素，用

标签为该组元素添加标题。对于每个输入控件，我们使用了标签来描述该控件的作用，使用或或<a href="/tag/biaoqian/" target="_blank" class="keywords">标签</a>来表示该控件。对于单选或多选控件，我们使用了type为"ra<a href="/tag/dio/" target="_blank" class="keywords">dio</a>"或"check<a href="/tag/Box/" target="_blank" class="keywords">Box</a>"，并通过name<a href="/tag/shuxing/" target="_blank" class="keywords">属性</a>来将多个控件绑定在一起。对于必填项，我们使用了<a href="/tag/required/" target="_blank" class="keywords">required</a><a href="/tag/shuxing/" target="_blank" class="keywords">属性</a>来要求<a href="/tag/yonghu/" target="_blank" class="keywords">用户</a>必须填写，否则无法提交表单。 最后，我们使用了type为"submit"或"reset"的<input><a href="/tag/biaoqian/" target="_blank" class="keywords">标签</a>来表示提交或重置按钮，<a href="/tag/yonghu/" target="_blank" class="keywords">用户</a>可以通过点击按钮来提交或清空表单。