Question

我无法获取要设置样式的表单文本。文本一直保留在顶部，而我的无线电输入正确设置为从顶部100px。它需要特殊的属性标签吗？我不相信文件记录了这一点，如果是这样的话。无论如何，我的代码是：

input[type='radio'] {
  position: relative;
  top: 100px;
  margin-left: 70px;
  font-family: Arial;
}

<form>
  <input type='radio' name='level' value='choice1' checked='checked'>Choice 1</input>
  <input type='radio' name='level' value='choice2'>Choice 2</input>
</form>

Answer 1

根据以下内容制作标签：

＆＃13;

.radio-label {
  position: relative;
  top: 100px;
  margin-left: 70px;
  font-family: Arial;
}

＆＃13;

<form>
 <label class="radio-label">Choice 1 <input type='radio' name='level' value='choice1' checked='checked'></label>
 <label class="radio-label">Choice 2 <input type='radio' name='level' value='choice2'></label>
</form>

＆＃13;

Answer 2

基于W3 about the input type radio的信息，您有一些错误：

这不允许任何内容
不允许使用val属性value
无需input

使用example of the wiki，您需要重新构建代码：

label {
  position: relative;
  top: 100px;
  margin-left: 70px;
  font-family: Arial;
}

<form>
  <label><input type='radio' name='level' value='choice1' checked='checked'/>Choice 1</label>
  <label><input type='radio' name='level' value='choice2'/>Choice 2</label>
</form>

注意：使用validator of W3来避免结构性错误

Radio Form Input的文本未被设置样式

2 个答案: