Submit Search
Upload
Making form with html5
•
2 likes
•
872 views
Youhei Iwasaki
Follow
about html5 form tags
Read less
Read more
Technology
Report
Share
Report
Share
1 of 12
Download now
Download to read offline
Recommended
卒研発表
卒研発表
yayugu
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
Pravasini Sahoo
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
yoshinori matsumoto
Attractive HTML5
Attractive HTML5
Sho Ito
Web Platform -- Moving Forward!
Web Platform -- Moving Forward!
Masataka Yakura
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
Masakazu Muraoka
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
Recommended
卒研発表
卒研発表
yayugu
Introduction to HTML5 & CSS3
Introduction to HTML5 & CSS3
Pravasini Sahoo
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
これからHTML5を書く人のためのセキュリティ - HTML5など勉強会
yoshinori matsumoto
Attractive HTML5
Attractive HTML5
Sho Ito
Web Platform -- Moving Forward!
Web Platform -- Moving Forward!
Masataka Yakura
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Html5でOpen Dataをやってみる
Html5でOpen Dataをやってみる
Masakazu Muraoka
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
Xml builderの紹介
Xml builderの紹介
Hiraku Nakano
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
Tetsuji Hayashi
FukuokaPHP 3
FukuokaPHP 3
ichikaway
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
後期02
後期02
Takenori Nakagawa
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
貴寛 益子
Web 04
Web 04
XMLProJ2014
twilio x aws コミュニティトラック JAWS FESTA 2015
twilio x aws コミュニティトラック JAWS FESTA 2015
Youhei Iwasaki
【第1回 Twilio勉強会 with Bluemix in 福岡】
【第1回 Twilio勉強会 with Bluemix in 福岡】
Youhei Iwasaki
第0回 Twilio勉強会 with JAWS UG in 福岡
第0回 Twilio勉強会 with JAWS UG in 福岡
Youhei Iwasaki
baserCMSの今
baserCMSの今
Youhei Iwasaki
junaioで楽しもうAR
junaioで楽しもうAR
Youhei Iwasaki
Geolocation API を使った位置情報取得
Geolocation API を使った位置情報取得
Youhei Iwasaki
スマートフォン・タブレットに対応したサイト構築の考え方
スマートフォン・タブレットに対応したサイト構築の考え方
Youhei Iwasaki
Hybridauthで簡単に認証システム実装
Hybridauthで簡単に認証システム実装
Youhei Iwasaki
スマートフォンでのファイルアップロードを考える
スマートフォンでのファイルアップロードを考える
Youhei Iwasaki
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
More Related Content
Similar to Making form with html5
Webapp startup example_to_dolist
Webapp startup example_to_dolist
Shinichiro Kumeuchi
CSS Design and Programming
CSS Design and Programming
Taku AMANO
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Masakazu Muraoka
Xml builderの紹介
Xml builderの紹介
Hiraku Nakano
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
Tetsuji Hayashi
FukuokaPHP 3
FukuokaPHP 3
ichikaway
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
後期02
後期02
Takenori Nakagawa
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
貴寛 益子
Web 04
Web 04
XMLProJ2014
Similar to Making form with html5
(10)
Webapp startup example_to_dolist
Webapp startup example_to_dolist
CSS Design and Programming
CSS Design and Programming
Kerasで可視化いろいろ
Kerasで可視化いろいろ
Xml builderの紹介
Xml builderの紹介
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
XPagesDay2014 A-4 XPages with jQueryMobile BADプラクティスガイド
FukuokaPHP 3
FukuokaPHP 3
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
後期02
後期02
インフォグラフィックス時代のD3.js入門
インフォグラフィックス時代のD3.js入門
Web 04
Web 04
More from Youhei Iwasaki
twilio x aws コミュニティトラック JAWS FESTA 2015
twilio x aws コミュニティトラック JAWS FESTA 2015
Youhei Iwasaki
【第1回 Twilio勉強会 with Bluemix in 福岡】
【第1回 Twilio勉強会 with Bluemix in 福岡】
Youhei Iwasaki
第0回 Twilio勉強会 with JAWS UG in 福岡
第0回 Twilio勉強会 with JAWS UG in 福岡
Youhei Iwasaki
baserCMSの今
baserCMSの今
Youhei Iwasaki
junaioで楽しもうAR
junaioで楽しもうAR
Youhei Iwasaki
Geolocation API を使った位置情報取得
Geolocation API を使った位置情報取得
Youhei Iwasaki
スマートフォン・タブレットに対応したサイト構築の考え方
スマートフォン・タブレットに対応したサイト構築の考え方
Youhei Iwasaki
Hybridauthで簡単に認証システム実装
Hybridauthで簡単に認証システム実装
Youhei Iwasaki
スマートフォンでのファイルアップロードを考える
スマートフォンでのファイルアップロードを考える
Youhei Iwasaki
More from Youhei Iwasaki
(9)
twilio x aws コミュニティトラック JAWS FESTA 2015
twilio x aws コミュニティトラック JAWS FESTA 2015
【第1回 Twilio勉強会 with Bluemix in 福岡】
【第1回 Twilio勉強会 with Bluemix in 福岡】
第0回 Twilio勉強会 with JAWS UG in 福岡
第0回 Twilio勉強会 with JAWS UG in 福岡
baserCMSの今
baserCMSの今
junaioで楽しもうAR
junaioで楽しもうAR
Geolocation API を使った位置情報取得
Geolocation API を使った位置情報取得
スマートフォン・タブレットに対応したサイト構築の考え方
スマートフォン・タブレットに対応したサイト構築の考え方
Hybridauthで簡単に認証システム実装
Hybridauthで簡単に認証システム実装
スマートフォンでのファイルアップロードを考える
スマートフォンでのファイルアップロードを考える
Recently uploaded
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
Recently uploaded
(8)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
Making form with html5
1.
Making Form with
HTML5 2013/9/1 youhei iwasaki福岡市西区プログラム勉強会
2.
名前 : 岩崎洋平 言語
: php MySQL facebook : 岩崎洋平 twitter : @youhei_iwasaki ( facebook.com/youhei.iwasaki8 )
3.
今日、お話させて頂くFormとは?
4.
5.
<form> </form> <input type="text"> Name:<br /> Favarite1:<br
/> <input type="checkbox" name="chk" value="1"> <input type="checkbox" name="chk" value="2"> Favarite2:<br /> <input type="radio" name="chk" value="1"> <input type="radio" name="chk" value="2"> Address:<br /> <select name="select"> </select> <option value="1"> <option value="2"> free space:<br /> <textarea name="body"></textarea>
6.
皆様知っていましたか?
7.
HTML5では、多数のフォームに関する 素晴らしい属性が追加されています!
8.
<input>タグのtype属性に追加 ◼ email ◼ url ◼
search ◼ tel ◼ number ◼ date ◼ datetime-local ◼ month ◼ week ◼ time ◼ range ◼ color (DEMO) http://fukuokaphp.t-capsule.jp/demos1.html
9.
その他の追加属性 ◼ autofocus ◼ placeholder ◼
autocomplete ◼ required ◼ pattern ◼ multiple (DEMO) http://fukuokaphp.t-capsule.jp/demos2.html
10.
今日は追加された属性を DEMOと一緒に見て行こうと思います。
11.
DEMO
12.
◼まとめ ・バリデーションが大変便利。 ・GUIでの入力等、利便性が高い。 ・懸念点として、対応状況があげられる。
Download now