我试图在HTML中实现以下内容:
我不想使用label-for的原因(它确实有效)是同一页上会有几个相同的输入字段。它们相当复杂,因此我手动创建一个,然后使用jQuery N次进行克隆,如果使用ID,则会出现严重问题。
基本起点:
(注:fiddle 是一个在线代码编辑器和调试工具)
- 将输入框放在标签元素内(不想使用id和label for)
- 输入框应占用其剩余宽度的100%
我不想使用label-for的原因(它确实有效)是同一页上会有几个相同的输入字段。它们相当复杂,因此我手动创建一个,然后使用jQuery N次进行克隆,如果使用ID,则会出现严重问题。
基本起点:
input {
width: 100%;
}
<label>
name:
<input type="text" />
</label>
这里准备了一个 fiddle 示例:https://jsfiddle.net/8uuhhcon/
(注:fiddle 是一个在线代码编辑器和调试工具)