ホームページ > ウェブフロントエンド > H5 チュートリアル > html5_html5チュートリアルスキルにおける新しい入力属性範囲の使用記録

html5_html5チュートリアルスキルにおける新しい入力属性範囲の使用記録

WBOY
リリース: 2016-05-16 15:47:35
オリジナル
2055 人が閲覧しました

コンピューター、テレビ、携帯電話のデータ通信なしで 2 日間暮らした後、このような騒がしいリズムに慣れてしまったので、きれいな環境に戻るのはただのことではありませんでしたが、同時に少し怖く感じました。何も知らずにこの文明社会を離れたら、私は生きていくための基礎的な能力さえ持っていないとさえ言えます。ライブ。

非常に感慨深いです。HTML5 の新しい入力属性を記録する必要があります。ウェブサイトのカラーパレットでこの属性を見つけたので、より視覚的で素敵だと感じたので、記録しました:

コード
コードは次のとおりです。




表示効果は次のとおりです:



ここでは、type の 2 つの属性 min と max が表示されます。最小許容範囲と最大範囲。同時に、この範囲のスタイルを設定することもできます

コードをコピーします
コードは次のとおりです:




表示効果は次のとおりです:



このように値を変更する js メソッドを記述します。これがカラー パレットに適用される方法です: (移動ボタンのスタイルがどのように変更されたかはまだわかりません)

コードをコピー
コードは次のとおりです:




このように、ドラッグする位置が変わると入力ボックス内の値が変化するので、色を生成することができます。はカラーパレットの原理です
ここでさらに説明します 範囲、値、デフォルト値、ステップ変更範囲の他の 2 つの属性に注意してください

カラーパレットは良さそうです、後でチェックします、もう寝てください。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート