[B! <input>] ethertankのブックマーク

ethertank id:ethertank

<input>に関するethertankのブックマーク (6)

datalist experiment
datalist experiment By using <datalist>, you can define a list of suggestions you want the user to select from. Users can optionally select from your suggestions as well as typing it by themselves. Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below. input[type=text] datalist For text type, datalist simply suggests list of wo
ethertank 2014/02/06
HTML5

<input>

<datalist>
リンク
umbrUI - CSS3 checkbox
Pictos enabled CSS3 checkboxes There was a request, so I tried. The outcome.. no JavaScript, no images and just minimal markup - but a ton of messy CSS3. And only Safari will render it properly. Chrome looks ok, but just with a fake 3D perspective. iOS has some issues with the icons and Firefox, Opera and IE.. well, I haven't tried yet. Read more details or see a screenshot. PS: If you're curious
ethertank 2010/09/22
CSS

CSS3

GUI

<input>

appearance

checked

perspective
リンク
sakurachiro.com
ethertank 2010/04/26
CSS3

<form>

<input>

HTML5
リンク
HTML5 inputs and attribute support
A red input (followed by frowny faces) indicates the browser does not support the input type. <input> type autocomplete autofocus list maxlength pattern placeholder readonly required size text
ethertank 2010/04/15
typeとattributeのサポート状況チェック

HTML5

<input>
リンク
味気ないデザインを一新！使いやすい検索ボックスを作る6つの方法
2017年6月29日 Webデザイン, ユーザビリティついついデザインはあとまわしになりがちな検索ボックス。少し手を加えるだけで素敵なデザインに！またユーザビリティについてもちょっとした工夫でもっと使いやすくなります。ユーザビリティ向上のためのコツとデザインの素敵な検索ボックスを紹介します！ ↑私が10年以上利用している会計ソフト！検索ボックスをもっと使いやすくする 1. 誰が見てもすぐ見つかる場所にヘッダーやサイドバーの一番上など、ページを開いたときにすぐ見つかる場所に設置すると見つけやすいです。特に意図のない場合はコンテンツに混ぜたりフッターに設置するのは避けた方がよさそうです。 2. テキストボックスの背景色デフォルトのテキストボックスの色が白のため、背景色はつけず白にしておいたほうがユーザーにとっては見つけやすいです。背景が白の場合はボーダーに線を入れたり、目立ように違う背
ethertank 2010/03/11
<input>

<form>
リンク
Increment Inputs with the Mousewheel | CSS-Tricks
ethertank 2010/03/04
マウスホイールで増減可能なinput要素を実現するスクリプト

jQueryPlugin

<input>
リンク
1