html表单是否选择,HTML表单标签有两种选择

Company

这样我可以样式的CSS像这样:

.input[type=text] span

{

display: inline-block;

width: 200px;

}

和我并排布置一个漂亮的侧我的标签位于表单元素的左侧。这适用于我应该添加的所有元素。

现在,我有一个字段:信用卡到期日。

这是特殊的,我有一个标签两个选择列表:

Expiry Date

...

...

如果我尽量选择后者(年)则默认回选择第一(月),即使我的天堂未在标签上指定for属性。

所以问题是,我该怎么办?我不能工作了,如果我做的形式错误(我不应该在事实上把input的label内),或者,如果我必须做一些愚蠢的解决办法像棍子第二select里面自己label。

2013-07-17

Chris

+1

为什么不移动标签之外的元素?我不明白... 这样做的正常方法是使用'label'元素的'for'属性。您将仍然具有相同的视觉输出,并且如果您单击标签上指定的元素将被聚焦。 –

+0

@JohnKrommidas我认为在过去,我发现了我目前使用的技术,并坚持下去,直到现在从未成为问题。正如其他一些答案所述,它似乎是一种有效的技术,直到我尝试做一些与标准稍有不同的事情。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML是一种通过Web页面收集用户输入数据的方式。以下是制作HTML的基本步骤: 1. 使用HTML中的`<form>`元素创建,定义的属性,例如method和action等。 2. 在中添加各种输入元素,例如文本框、选框、复选框、下拉列等。每个输入元素都需要一个唯一的name属性,用于在提交时标识输入的数据。 3. 使用HTML中的`<label>`元素为每个输入元素创建标签标签中的for属性应该指向对应输入元素的id属性。 4. 添加提交按钮,使用HTML中的`<input>`元素,type属性设置为submit。 下面是一个简HTML示例: ``` <form action="process.php" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="male"> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female"> <label for="female">女</label><br> <label for="hobby">爱好:</label> <input type="checkbox" id="reading" name="hobby[]" value="reading"> <label for="reading">阅读</label> <input type="checkbox" id="sports" name="hobby[]" value="sports"> <label for="sports">运动</label><br> <label for="city">城市:</label> <select id="city" name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> <option value="shenzhen">深圳</option> </select><br> <input type="submit" value="提交"> </form> ``` 在这个例子中,我们创建了一个包含姓名、性别、爱好和城市的。当用户提交时,数据将被发送到`process.php`进行处理。其中,姓名是一个文本输入框,性别是两个选框中的一个,爱好是两个复选框中的一个或多个,城市是一个下拉列

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值