ホームページ制作 htmlタグ input インプット

htmlタグ| input インプット [ホームページ制作の基本タグ]   Recently updated !


<input>

ホームページ制作(ウェブサイト制作)の際に使用する<input>タグについてのご説明です。

ホームページ制作において<input>タグは、ホームページ(ウェブサイト)に設置するフォームの部品を作成する際に使用します。

<input> 入力フィールドの定義、フォームの構成部品を作成

ホームページ制作 htmlタグ input インプット

<input>タグで、フォーム(<form>)を構成する部品(テキスト入力欄、実行ボタンなど)を作成します。

データが送信時に <input name=””>で付けたデータ名とその値を一組にして、
<form method=””(転送方法) action=””(指定したサーバー上のファイル)> に送られます。

この仕組みを使って、ウェブサイト上にメールフォームやアンケートなどを設置することができます。

他のプログラムも必要になりますが、検索機能を実装した際、検索ワードの入力や、検索実行ボタンなども、この<input>の仕組みを利用します。

type

type属性の値の指定で、一行テキストボックス・チェックボックス・ラジオボタン・実行ボタン・リセットボタン等の部品になる。

type=”text”

1行テキストボックス。

通常のテキストを入力するフィールド。2行以上は、<textarea>を使用する。

type=”checkbox”

チェックボックス。チェックボックスは複数選択が可能。

checked属性を指定で、その項目についてはあらかじめチェックの付いた状態となる。

type=”radio”

ラジオボタン。複数の中から一つしか選択できない。

複数を1つのグループとして認識させるには、name属性で同一名を付ける。

checked属性を指定で、その項目についてはあらかじめチェックの付いた状態となる。

type=”submit”

送信ボタン。

type=”reset”

リセットボタン。

それまでに入力した情報をキャンセルして初期状態に戻す。

type=”button”

汎用ボタン。

type=”password”

パスワード入力ボックス。入力したテキストが「*」などに置き換えて表示される。
ただし、データが暗号化されるわけではない。

type=”file”

ファイル名の入力フィールドと参照ボタンが表示され、サーバーへファイルを送信する時に、送信するファイルを選択する。

type=”hidden”

隠しデータをサーバーに送信する。

このタイプのデータは、画面上には表示されないが、value属性で指定した値がサーバーへ送信される。

type=”image”

画像のボタン。使用する画像ファイルはsrc属性で指定。alt属性必須。

name

name=””

<input>

この<input>タグはhtml4.01、html5どちらのhtmlバージョンで制作されたホームページ(ウェブサイト)でも使用することができるため、CMS内で生成するコンテンツなどにおいても、ベースとなるWordPressテーマなどのhtmlバージョンに影響されず使用することができます。

ホームページ(ウェブサイト)制作・作成に役立つHTML5のタグ一覧は
⇒html5 tag reference index ホームページ制作の基本タグ

ホームページ制作・SEOの1ポイント

input ホームページ制作 SEO

ホームページ作成時にこのインプットタグを利用すると、ホームページ内に、メールフォームなどを設置することができます。雑誌であれば、「編集部あてのはがき」ページを生成する際に使用するといった印象です。

ホームページ制作(ウェブサイト制作)なら
Web制作会社ファンフェアファンファーレへ

「Web集客できるホームページ制作・作成(ウェブサイト制作)
『お客さまのお客さま目線』でのWeb制作、Webマーケティング」
ホームページ制作 京都のWeb制作会社(ホームページ制作会社)ファンフェアファンファーレは、Webマーケティングツールとして、Webマーケティング・SEMを意識したWeb集客・プロモーション力のあるSEO特性・ウェブPR力の高いSEO対策付きのホームページ制作(ウェブサイト制作)・作成、WordPress(ワードプレス)やEC-CUBE(イーシーキューブ)などのCMS(コンテンツマネジメントシステム)の導入やカスタマイズ、ウェブサイトの高速表示化、レスポンシブデザイン、モバイルフレンドリーを得意としています。
ホームページ制作サービスにあたり、WordPress(ワードプレス)を利用したホームページ制作(ウェブサイト制作)をはじめ、HTML5,CSS3,jQueryによるホームページ制作を行っております。Web集客のためのWebマーケティング効果の高いホームページ制作をはじめ、ホームページのリニューアル・更新・修正・管理、ホームページのSEO(SEO対策)、ホームページ運営やWebマーケティングにかかるWebコンサルティングなど、様々なサービスを提供しています。
コンテンツマーケティング・コンテンツSEO・ウェブPRを加速させるWordPressなどCMSを活用したオウンドメディア構築、既にお持ちのホームページ(ウェブサイト)のWordPress化やWordPressのカスタマイズもお任せください!
ホームページ制作価格表(Web制作サービス)

WordPressホームページ制作(ウェブサイト制作)

WordPressをベースとしたホームページ制作やWordPressサイトのカスタマイズもおまかせください!既存ホームページをWordPressサイトへと変更する「WordPress化」のカスタマイズも可能です!
新規WordPressホームページ制作や既存ホームページのWordPress化では、コンテンツマーケティングのためのホームページ内オウンドメディア構築に対応しています。
既に運用されているWordPressサイトの軽微な修正や大規模なカスタマイズまであらゆる分野に対応可能です。

HTML5でのホームページ制作(ウェブサイト制作)

HTML5での静的HTMLホームページ制作(ウェブサイト制作)やHTML5でのWordPress(ワードプレス)テーマの制作なら、京都のWeb制作会社(ホームページ制作会社)ファンフェアファンファーレにお任せください! HTML5で構築した企業ホームページ制作や店舗ホームページ制作をはじめ、PRサイトの制作、メディアサイトの制作、モバイルサイト・スマホサイト、ECサイト・ネットショップまであらゆるホームページ制作に対応しております。
静的HTMLでの新規ホームページ制作に関しては全てHTML5でページを作成させていただきます。

ホームページ制作実績

新規ホームページ制作・カスタマイズ実績のある業種・エリアや、ホームページ制作事例・サイトカスタマイズ事例などホームページ制作実績のご紹介。
ホームページ制作実績

ホームページの更新・修正

ホームページのページ更新やページ追加、ホームページ内部の様々な箇所の修正など、各種ホームページの更新・ホームページの修正の代行に対応しております。 ホームページの更新や修正にかかる単発のご依頼で対応させていただいておりますので、軽微な修正でもお気軽にご相談ください。
ホームページの更新・修正料金 価格表

ホームページ制作 京都

ホームページ制作 京都」 京都府京都市内(上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区)および京都市近郊エリアでは、ホームページ制作につき、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。 京都はもちろんホームページ制作につき全国対応しております。WordPressやHTML5でのホームページ制作・作成ならお任せください!ホームページの修正や更新作業にも対応可能です。


「htmlタグ| input インプット [ホームページ制作の基本タグ]」のカテゴリ html tag i k
タグ: , , ,


ホームページ制作、サイトカスタマイズなどのお問い合わせ・ご依頼はこちら