2016年07月05日

HTML5 : input 要素の type 属性に tel 指定は、スマホで効力を発揮



type 属性の tel 指定は、特別な入力チェックはされませんが、スマホで入力したした場合に、入力パッドが数値のみのものになるので、そのような数値入力をスマホでしてもらう事を想定する場合に有用です。入力チェックそのものは、pattern 属性と併用するといいと思います。
pattern なし
pattern あり (数字とハイフンのみ)
<form
	action="http://winofsql.jp/php_get.php"
	target="myframe_tel"
	accept-charset="utf-8">
pattern なし <input
		type="tel"
		id="mydata1"
		name="mydata1">
	<br>
pattern あり <input
		type="tel"
		id="mydata2"
		name="mydata2"
		pattern="[0-9\-]+"> (数字とハイフンのみ)
	<br>
	<input type="submit" name="send" value="送信">
</form>
<iframe
	name="myframe_tel"
	frameborder="1"
	scrolling="yes"
	width="100%" height="100"
	style="margin-top:10px;">
</iframe>



posted by at 2016-07-05 13:23 | HTML | このブログの読者になる | 更新情報をチェックする