HTML/CSS/JavaScriptでタブコントロールを作ってみた(右タブ) - display:none方式
イントロダクション 前回は、選択されているタブの中身は表示、選択されていないタブの中身は非表示（CSS の display:none）とする仕組みにて、左にタブがあるタブコントロールを作成してみました。 HTML/CSS/JavaScriptでタブコントロールを作ってみた(左タブ) - display:none方式 http://upa-pc.blogspot.com/2015/05/html-tabControl-display-none-left.html 今回は、右にタブがあるタブコントロールを作成してみました。 HTML/CSS/JavaScriptでタブコントロールを作ってみた(右タブ) - display:none方式 : コード スタイルシート(CSS) 以下のスタイルシートを、<head> 内などに埋め込みます。 <style type="text/css"> /* タブコ
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML/CSS/JavaScriptでタブコントロールを作ってみた(左タブ) - display:none方式
HTML/CSS/JavaScriptでタブコントロールを作ってみた(下タブ) - display:none方式
HTML/CSS/JavaScriptでタブコントロールを作ってみた(上タブ) - display:none方式
