编写一个form表单,实现一个学生信息输入。包含学号、姓名、性别、爱好、出生年月等。
时间: 2023-07-10 09:18:20 浏览: 130
好的,以下是一个简单的HTML代码示例,实现学生信息输入的表单:
```
<form>
<label for="stu-id">学号:</label>
<input type="text" id="stu-id" name="stu-id"><br>
<label for="stu-name">姓名:</label>
<input type="text" id="stu-name" name="stu-name"><br>
<label for="stu-gender">性别:</label>
<input type="radio" id="stu-gender-male" name="stu-gender" value="male">
<label for="stu-gender-male">男</label>
<input type="radio" id="stu-gender-female" name="stu-gender" value="female">
<label for="stu-gender-female">女</label><br>
<label for="stu-hobby">爱好:</label>
<input type="text" id="stu-hobby" name="stu-hobby"><br>
<label for="stu-birth">出生年月:</label>
<input type="date" id="stu-birth" name="stu-birth"><br>
<input type="submit" value="提交">
</form>
```
在这个表单中,我们使用了`<label>`标签来描述每个表单控件的含义,并将每个控件通过`id`属性和`name`属性与表单关联起来。其中,性别使用了单选框(`<input type="radio">`),出生年月使用了日期选择器(`<input type="date">`)。
你可以根据自己的需求来修改这个表单,添加更多的信息输入项。