为了账号安全,请及时绑定邮箱和手机立即绑定

html表单问题

这是我写的一段代码:在浏览器打开后,点击爱好,没有跳转到旅游,这是为什么?代码如下:
<form method="post" action="save.php">

    <label for="a">爱好:</label>

 <select>

  <option value="看书">看书</option>

  <option value="旅游" id="a">旅游</option>

  <option value="登山">登山</option>

  <option value="购物">购物</option>

 </select>

</form>

正在回答

6 回答

id放在select里==

0 回复 有任何疑惑可以回复我~
#1

慕粉1606461256 提问者

非常感谢!
2017-03-18 回复 有任何疑惑可以回复我~
#2

慕粉1606461256 提问者

我将id放在select显示错误,删除id正常
2017-03-18 回复 有任何疑惑可以回复我~
#3

Tsukiis 回复 慕粉1606461256 提问者

我猜……报错是不是因为你刚刚的页面里有两个id = "a"? <option value="旅游" id="a">旅游</option>里的id不是必须的,要删的话应该删除这里的id,select里的id保留。 每个html页面只能存在一个同名id。
2017-03-18 回复 有任何疑惑可以回复我~
#4

慕粉1606461256 提问者 回复 Tsukiis

估计是,我把a换成c就没事了,但是label的for=“c" 然后select加入id=“c”或者option加入id=“c”都没作用。感觉没意义,用在input输入里直接会有焦点
2017-03-18 回复 有任何疑惑可以回复我~
查看2条回复
<form method="post" action="save.php">

   <label for="a">爱好:</label>

   <select id="a">

       <option value="看书">看书</option>

       <option value="旅游" selected="selected">旅游</option>

       <option value="登山">登山</option>

       <option value="购物">购物</option>

   </select>

</form>


0 回复 有任何疑惑可以回复我~

1、id属性要放在<select>里面,label里的for是针对<select>的。

2、selected="selected" 加在  <option value="旅游">旅游</option> ,表示该选项为默认选项。

3、此时打开页面,不需要点击“爱好”,默认选项就是“旅游”。for 和 id 使用是让label和select关联,点击label的时候select标签获得焦点,而不是跳转。

修改如下:


<form method="post" action="save.php">

   <label for="a">爱好:</label>

   <select id="a">

       <option value="看书">看书</option>

       <option value="旅游" selected="selected">旅游</option>

       <option value="登山">登山</option>

       <option value="购物">购物</option>

   </select>

</form>


0 回复 有任何疑惑可以回复我~
#1

慕粉1606461256 提问者

id放在label里显示错误
2017-03-17 回复 有任何疑惑可以回复我~

selected="selected"  的ID改成这个 

0 回复 有任何疑惑可以回复我~
#1

慕粉1606461256 提问者

没有用啊
2017-03-17 回复 有任何疑惑可以回复我~

<form method="post" action="save.php">

 

    <label for="a">爱好:</label>

 

 <select>

 

  <option value="看书">看书</option>

 

  <option value="旅游"name="a">旅游</option>

 

  <option value="登山">登山</option>

 

  <option value="购物">购物</option>

 

 </select>

 

</form>


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

html表单问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信