htmlのタグ属性でcheckedやselected属性がありますが、その正しい書き方がよくわからなく質問させていただきます。
下記のような書き方があるかと思います。
(1)<input type="checkbox" value="サンプル" checked="checked" />
(2)<input type="checkbox" value="サンプル" checked />
(3)<input type="checkbox" value="サンプル" checked="true" />
これらはいずれも正しいのでしょうか?
もし正しい場合、javascriptやjqueryから扱う事も考えた場合、どれが一番、よい書き方なのでしょうか?
以上、よろしくお願い致します。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
htmlではなくて、HTMLです。
---この区別は大事なので。それはさておき、いずれもHTMLでは誤りです。
必ずname属性があるはずです。
HTMLでは、/> として閉じる事はしません。>でとじます。
XHTMLの場合は、/>です。HTML5の場合は許されます。
HTMLでは、
<input type="checkbox" name="hoge" value="サンプル" checked>
が正しい
<input type=checkbox name=hoge value="サンプル" checked>
も良い。(属性値に半角スペースや全角文字を含まない場合は"は省略できる。
また、
<INPUT TYPE=checkbox NAME=hoge VALUe="サンプル" checked>
でもよい。
XHTMLの場合は
<input type="checkbox" name="hoge" value="サンプル" checked="checked" />
です。
<input type="checkbox" name="hoge" value="サンプル" checked="checked"/>
でもよいが、/の前の半角スペースがないと誤判断するブラウザがあるので半角スペースを置く--文法上の理由ではない。
XHTMLは文法に厳密ですので、結果的にXMLでなければならない用途以外はHTMLを使うことになるでしょう。
→「難しい技術は広く使われない( http://www.atmarkit.co.jp/news/200801/25/html.html )」
この様な場所では、断片的でしばしば誤った情報を得てしまいます。
わからないときは仕様書をチェックしましょう。正確で正しい情報が得られます。その上でわからないところを聞くのが効率的です。
⇒3.2 HTMLで用いられるSGML構成素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
またinputは・・
<!ELEMENT INPUT - O EMPTY -- form control -->( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
と書かれている。
<!ELEMENT INPUT - O EMPTY -- form control -->
<!要素 INPUT 開始タグ 終了タグなし 内容を持たない空要素 --フォームコントロール-->
もっと簡単なのは
⇒Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html )
のDATA入力(右上)を使う。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP $_SESSIONについて教えて下さい。 2 2023/03/02 09:18
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
CSS のみのタブ切り替えについて
-
静止画画像をクリックすると音...
-
CSSが効かずどのように指定すれ...
-
cssの display: flex;で横並び...
-
css初心者 フレックスボックス...
-
詐欺メールがまた来ました。5月...
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
ウェブサイトにアップされてい...
-
角丸画像の背景色を透明にした...
-
Chromeのパスワードマネージャ...
-
HTMLで画像をポップアップで表...
-
テーブルタグのセルの幅の一部...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
Duolingo のソースコードの名前...
-
テーブルのセルデータを自動改...
-
HTMLですCSSです この画像のよ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
1アクションでPOST・GET、両方...
-
送信ボタン押下時に値が未入力...
-
複数のフォームを一括で送信す...
-
URL パラメータを使ってフォー...
-
【html】)パスワード認証フォー...
-
フォーム要素以外にもname属性...
-
リンクをクリックした時にform...
-
GETをPOSTに変更したところ 送...
-
checkboxを「変更不可」にでき...
-
type="hidden"を使って時刻を送信
-
長文のmailtoの使い方
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
submitの処理の後別の画面を表...
-
</form>タグを使用すると強制的...
-
お問い合わせフォームの送信後...
-
mailtoについて
-
form actionでmailtoを指定する...
-
CGI動作後に元のページに戻る方法
おすすめ情報