1476439626 iPhone用の html? css? js? について。


自分のサイトに検索フォームを設置した際、
添付画像の様に右下のタップ部分を「検索」にする方法を教えて下さい。

普通にフォームを設置すると「改行」になってしまいます。

宜しくお願いします。

回答の条件
  • 1人1回まで
  • 13歳以上
  • 登録:2016/10/14 19:07:06
  • 終了:2016/10/14 21:25:07

ベストアンサー

id:phplove No.1

phplove回答回数20ベストアンサー獲得回数62016/10/14 20:04:17

ポイント100pt

HTML5で追加されたinput要素のタイプはiPhone、Androidでどのくらい使えるのか | Developers.IO
http://dev.classmethod.jp/ria/html5/mobile-html5-form/

<input type="search">


でどうぞ。<>を全角にしないとフォームになってしまう‥

他4件のコメントを見る
id:worldtravel

追記です。

質問とは関係ないのですが、
メモとして残しておきます。
何か解決策があるようでしたら教えて頂ければ幸いです。

type="search" にすると、cssが効かなくなるようです。
入力欄が極度に角丸になってしまうのですが、
cssで角がとがる様に出来ませんでした。。。

border-radius: 2px; くらいにしたいのですが、
強制的に border-radius: 15px; くらいになってしまう感じです。

2016/10/14 21:44:12
id:phplove

border:0px; でborderを消して、ラップする領域にborder-radius指定するような小細工しか思いつきません…

2016/10/16 03:51:30

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません