CSSでinputのtypeの設定

質問

閲覧ありがとうございます。
CSS・htmlにまったく知識がありません。

CSSで以下のような例は機能しますか？

input {
type: number;

}

現在、htmlでinputのtypeを変更したいのですが、
その方法がCSSファイルの読み込みだけなので例の記述をしたファイルを用意したのですが、まったく機能せず。
もとのhtmlにtype属性の指定がすでにされているのですがそれが問題なのでしょうか？
その場合CSSには!importantを記述すればクリアできますか？

よろしくお願い致します。

回答No.3

sanzero

>iOSやandoroidでフォーム入力時に表示されるキーボードを数字のみや英字キーボードに指定できるかなと思ったのですが無理なんですね。

CSSでなくinput type="tel"や"url"である程度対応できます。
使えなくもないですが、完璧に対応できているわけではありません。
実機をみながら確認してみてください。

http://html-five.jp/26/
http://dev.classmethod.jp/ria/html5/mobile-html5-form/

回答No.2

ORUKA1951

＞iOSやandoroidでフォーム入力時に表示されるキーボードを数字のみや英字キーボードに指定できるかなと思ったのですが無理なんですね。

　それはできます。属性セレクタを使用します。
form[action="なんたらかんたら"] input[name="a"]{overflow:hidden;text-indexnt:1em;position:relative;}
form[action="なんたらかんたら"] input[name="a"]:after{content:"あ";position:absolute;top:0;left:0;}
とかね。
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )

10 視覚整形モデル詳細( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/visudet.html )

　でも入力される値は変更はできません。あを押してもaが入力される。

回答No.1

hitomura

CSS で設定できるのはスタイルだけです。HTML タグの属性の style='○○' となっている○○の部分だけです。
一方、input の type 属性は style 属性とは別の属性です。 style='○○' の外側にある事項です。
したがって、CSS で input の type を修正することはできません。

お礼

回答ありがとうございます。

スタイルだけなんですね。。。iOSやandoroidでフォーム入力時に表示されるキーボードを数字のみや英字キーボードに指定できるかなと思ったのですが無理なんですね。