タグの書き方については今までいろんな方に教えてもらったり、本やネットなどで調べたりして覚えてきたのですが、未だによくわからないものがあるんです。
そのひとつが「input」というタグ。
このタグ、どうもコメント欄やパスワード入力時、送信ボタンなどを作成するときに使うものらしいのですが、いまいちよくわからない。
ネットなどで調べたりもしたけど的確に説明しているサイトも見つからなかったんですよね〜。
なので、誰か教えてくださるという親切な方がいらっしゃったらご教授お願いします！！m(_ _)m
問題のタグはこれです。
<label for="scode">Security Code:（コメントスパム対策のため入力お願いします）</label>
<input type="hidden" id="code" name="code" value="3" />
<img class="scode" src="http://slolab.net/cgi/mt/plugins/SCode/mt-scode.cgi?code=3" width="70" height="25" alt="えす" /><input id="scode" name="scode" />
コメントスパム対策のために設置したSCodeのタグです。
この赤色の部分がAnother HTMLでチェックをすると以下のような指摘を受けてしまうんです。
0: line 549: ( には accesskey 属性を指定するようにしましょう。)
1: line 549: には value 属性で初期値となるテキストを指定しておきましょう。
0: line 549: ( には tabindex 属性を指定するようにしましょう。)
まずは、accesskey 属性。
なんだかよくわからないので調べてみると、label forとinput idとして同じ属性にすればいいとある。
見るとどちらもscodeとして指定しているけどエラー表示。
もしかしたら、inputをlabelタグで囲めばいいんですかね？
次にvalue属性。
これもよくわからい。
（ほんとわからないことだらけ。（笑））
SCodeの分類がよくわからないので自信がないのですが、type="text"もしくはtype="password"で指定するんですかね？(?_?)
最後のtabindex 属性についてはもう皆目見当もつきません。(;o;)
誰か教えてください〜！
お礼は何も・・・できないんですがよろしくお願いします。(^^;)
結局、初期値設定のvalueは空のままでvalue=""とし、
tabindexは、ぞうさんに教えてもらった通り9と10の間にあるので、Security CodeのInputを10にして並び替えてみました。
あとaccesskeyはtabindexのように全て順番通りに使っていなさそうだったので使ってなさそうなsを使ってみました。（笑）
+++ 関連記事 +++
|
コメント
ゆうさん、こんにちは！
コメント、ありがとうございました。
ＰＣは超素人なのもで、タグもなんにも分からず、
ブログを書いています。
こうして、ＭＴでカスタマイズされるのは、難しいんでしょうね。
でも、出来た時は快感ですね
頑張ってください～♪
XHTMLでなくHTML 4.01なのですが、こちらのサイトが参考になると思います。
http://www.zspc.com/html40/index.html
詳細は上記を読んでもらうとして、簡単に説明してみますと。
accesskeyは、ショートカットキーみたいなものではないかと。
実際に使ったことないのですが、特定のキーのコンビネーション（ブラウザ、OSごとに違いそう）で該当箇所にフォーカスされるのではないかと思います。
valueは、初期設定値です。入力欄にあらかじめ文字を設定しておきたい場合に設定します。空にしたいときは、value=""でオッケー。
tabindexは、入力欄が複数あるフォームで各入力欄に順番の数字を設定しておけば、TABキーを押したときにその数字の若いほうからフォーカスされるのだと思います。
何か知らぬが難しい事に手を出したようじゃ。
爺には解りませんね！ダッテHTMLとかCSSとかも？全然です。
色々な所を参考にしながらボチボチですな～。
Security Codeはスパムが無くなるのかな？成果は？
>きなこちゃん
こちらにも遊びに来てくださってありがとうございます。(^^)
PCは素人でもいいんですよ、自分もいろんな方に教えてもらいながら日々勉強しています。
MTは途中で挫折しそうになったりしたので、やはり難しいんでしょうね〜。
また、そちらに遊びに行きますね。
アフィリエイトの記事なども今度ゆっくり読ませてもらいます。
>ぞうさん
ありがとうございます〜！！
明日にでもサイトの方見て、勉強させてもらいます。
どうも、inputはこの属性の意味がわからないんですよね。
ふだんのタグでは使わないので余計に難しく感じますね。（苦笑）
valueはとりあえず空で修正、tabindexは他のinputタグを見て番号数えた方がいいんですかね？
その辺もサイト見て勉強しようかと思います。
>山の爺さま
元々inputタグ自体はコメント欄とかで使われているので知らない間に使ってはいるタグなんですよ。
ただ小粋空間さんとかのテンプレートではきちんと設定されているので自分たちでいじる必要はないんですけどね。
ほんと覚えてることが山ほどあるので、時間のあるときにボチボチ覚えていくしかないんでしょうね〜。(^^;)
その内、報告書きますけどSecurity Code導入してからスパムはなくなりましたよ。
良かったです。(^^)
＞ valueはとりあえず空で修正、tabindexは他のinputタグを見て番号数えた方がいいんですかね？
Security CodeのInputは、初期値は空でいいと思います。つまり value=""
tabindexは、現時点だと9と10の間にあるので、Security CodeのInputを10にして、コメント入力用のtextareaを11にでもすると、TABキーを押していったら上から順にフォーカスが移動するのでよいのではないかと。
＃まあ、ゆうさんがお考えになった順番でよいわけですが参考まで。
>ぞうさん
無事解決しました、ありがとうございます。(^^)
意味がわかるとtabindexもaccesskeyも設定するのは簡単なんですね。
今までMTにショートカット機能があるだなんて知らなかったです。(^^;)
tabを押すと順番に移動したりするんですね。
結局、tabindexはぞうさんのアドバイス通り並んでいる順番に番号を振りかえました。
そのせいか・・・キャッシュはクリアされてしまったんですけどね。（笑）