[Others] Googleの検索ボックスの幅について

普段何気なく使っているGoogleの検索ボックスに付いて。

検索前の状態

この状態で「検索ボタン」を押すと...

検索後の状態

検索結果の画面で、検索ボックスの幅が広がっている。(この場合はそれでも入力文字列が切れてしまっているが...)

検索後の input要素 のソースサンプル
<input name="q" size="70" maxlength="2048" value="テストテストテストテストテストテストテストテストテストテストテストテストテスト" title="検索" type="text">

別パターン

こちらは入力値を変えた別パターン

別パターンの input要素 のソースサンプル
<input name="q" size="41" maxlength="2048" value="テストテストテストテスト" title="検索" type="text">

文字数によってsize 属性の値を動的に変えている。
ユーザーにとっては気付きにくい所だが、ユーザビリティへの配慮がきめ細かい。

投稿日付 :

カテゴリー : Others

トラックバックURL

http://mashimonator.weblike.jp/mt/mt-tb.cgi/90

コメント投稿フォーム