内部処理上の配慮として、「xy x:[input] y:[input]」の「xy」を「x:[input] y:[input]」の部分に関連付けたいとします。 labelの仕様や調査から、labelで単純に紐づけできるとは思えないのですが、この見込みが正しくてもどう対処するのが適切かわかりません。アドバイスをいただけますか?
html
1<span>xy</span> 2<label for='x'>x:</label> 3<input type='number' id='x'> 4<label for='y'>y:</label> 5<input type='number' id='y'> 6<!--xy自体を省く、<label for ='x'>xyなど。-->
css
1input {width:30px;}
*内部処理上の配慮
htmlから構造を読み取って機能するようなプログラムがより適切に動くための配慮を指します。動作に関しては、できればxyによってxにフォーカスを与えたいですが(<label for='x'>
)、この動作の実現は前文への配慮よりは優先されません。
*例:このような場合に改善の余地はあるのかどうか?
html
1<form action='' method='post'> 2<div> 3 <label for='name'>name</label> 4 <input type='text' id='name'> 5</div> 6<div> 7 <span>xy</span> 8 <label for='x'>x</label> 9 <input type='number' id='x'> 10 <label for='y'>y</label> 11 <input type='number' id='y'> 12</div> 13<div> 14 <button type="submit">submit</button> 15</div> 16</form>
css
1input[type='number'] {width:30px;} 2label:first-child,span{display:block;width:50px;float:left;}
回答1件
あなたの回答
tips
プレビュー