| ポイント |
<![CDATA[
<input type="radio" name="al" onClick="myText.style.textAlign='center'">
<input type="text" style="text-align:right" id="myText" value="どうかな">
]]>
|
| 説 明 |
テキストフィールドの行揃えを指定するにはスタイルシートプロパティのtextAlignに表示方法を代入します。"left"、"center"、"right"、"justify"を指定することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドの行揃えを指定する</title>
</head>
<body>
<form>
<input type="radio" name="al" onClick="myText.style.textAlign='left'" >左揃え<br>
<input type="radio" name="al" onClick="myText.style.textAlign='center'">中揃え<br>
<input type="radio" name="al" onClick="myText.style.textAlign='right'" >右揃え<br>
<input type="radio" name="al" onClick="myText.style.textAlign='justify'">均等配置<br>
<input type="text" style="text-align:right" id="myText" value="どうかな">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドの行揃えを指定する