トップ  > HTML・CSS  > HTML5  > 記事

No.5335 iPhone のキーボードの改行が「検索」と表示される条件を調べた

実験してみたら

formにaction属性の指定がある
かつ
キーワードのinputが
    type属性の値がsearch
OR name属性の値がsearchを含む文字列
OR id属性の値がsearchを含む文字列

という結果となった。
(iPhone6s/10.3.3/Safari)

~~~~
 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>HTML5基本テンプレート</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="">
</head>
<body>

<h4>input=text</h4>
<p>NG</p>
<form>
<input type="text" name="hoge">
<input type="submit" name="" value="send">
</form>

<h4>input=search</h4>
<p>NG</p>
<form>
<input type="search" name="hoge">
<input type="submit" name="" value="send">
</form>

<h4>input=text, divあり</h4>
<p>NG</p>
<form>
<div>
<input type="text" name="hoge">
<input type="submit" name="" value="send">
</div>
</form>

<h4>action あり, input=text</h4>
<p>NG</p>
<form action="">
<input type="text" name="hoge">
<input type="submit" name="" value="send">
</form>

<h4>action あり, input=search</h4>
<p>OK</p>
<form action="">
<input type="search" name="hoge">
<input type="submit" name="" value="send">
</form>

<h4>action あり, input=text, name=hoge_search</h4>
<p>OK</p>
<form action="">
<input type="text" name="hoge_search">
<input type="submit" name="" value="send">
</form>

<h4>action あり, input=text, id=hoge_search</h4>
<p>OK</p>
<form action="">
<input type="text"name="hoge" id="hoge_search">
<input type="submit" name="" value="send">
</form>

<h4>action あり, input=text, class=hoge_search</h4>
<p>NG</p>
<form action="">
<input type="text"name="hoge" class="hoge_search">
<input type="submit" name="" value="send">
</form>

</body>
</html>
~~~~
更新:2017/08/03 16:36 カテゴリ: HTML・CSS  > HTML5 ▲トップ

Python

フロントエンド開発

Docker

AWS

nginx

Node.JS

Linux

web開発

サーバ管理

GCP

svn・git

ソース・開発

プロマネ

HTML・CSS

JavaScript

Alexa

webサービス運用

webサービス

Mac

MySQL

PHP

FuelPHP

ツール, ライブラリ

ビジネス

テンプレート

プレゼン

マネタイズ

負荷・チューニング

Windows

メール

メール・手紙文例

CodeIgniter

オブジェクト指向

UI・フロントエンド

cloud

マークアップ・テキスト

Flash

デザイン

DBその他

Ruby

PostgreSQL

ユーティリティ・ソフト

Firefox

ハードウェア

Google

symfony

OpenPNE全般

OpenPNE2

Hack(賢コツ)

OpenPNE3

リンク

個人開発

その他

未確認

KVS

ubuntu

Android

負荷試験

オープンソース

社会

便利ツール

マネー

Twig

食品宅配

WEB設計

オーディオ

一般常識

アプリ開発

サイトマップ

うずら技術ブログ

たませんSNS

rss2.0