htmlのformタグのtype属性の応用例-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

htmlのformタグのtype属性の応用例

不言

Aug 20, 2018 pm 06:03 PM

html

この記事では、HTML の form タグの type 属性の応用例をいくつか紹介します。必要な方は参考にしていただければ幸いです。

<input/>单标签
<input type="text(文本)"/>

type 属性:

text (単一行テキスト入力ボックス)
password (パスワード入力ボックス)
radio (ラジオボタン)
checkbox (チェックボックス)
button (通常のボタン)
submit (送信ボタン)
reset (リセットボタン)
image (画像フォームの送信ボタン)
file (ファイルフィールド)
name カスタムコントロール名
value Customized 入力コントロールのデフォルトのテキスト値
size 正の整数ページ上の入力コントロールの表示幅
checked selected 選択コントロールでデフォルトで選択される項目を定義します
maxlength 正の整数許可される最大文字数コントロールから入力してください

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>表单设置</title></head><body>
    <table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
        <caption><h3 id="青春不常在-抓紧谈恋爱">青春不常在，抓紧谈恋爱</h3></caption>
        <tr height="60">
            <td>性别</td>
            <td style="color: blue;">
                <img  src="/static/imghwm/default1.png"  data-src="boy.jpg"  class="lazy"   / alt="htmlのformタグのtype属性の応用例" >男<input type="radio"  name="sex" />
                <img  src="/static/imghwm/default1.png"  data-src="girl.jpg"  class="lazy"   / alt="htmlのformタグのtype属性の応用例" >女<input type="radio" name="sex" />
            </td>
        </tr>
        <tr height="60">
            <td>生日</td>
            <td>
                <select name="" id="">
                    <option value="">选择年份</option>
                    <option value="">142</option>
                    <option value="">2234</option>
                    <option value="">3342</option>
                    <option value="">2124</option>
                </select>
                <select name="" id="">
                    <option value="">选择月份</option>
                    <option value="">1月份</option>
                    <option value="">2月份</option>
                    <option value="">3月份</option>
                    <option value="">2月份</option>
                </select>
                <select name="" id="">
                    <option value="">选择日</option>
                    <option value="">1号</option>
                    <option value="">2号2</option>
                    <option value="">3号</option>
                    <option value="">2号1</option>
                </select>
            </td>
        </tr>
        <tr height="60">
            <td>所在地区</td>
            <td >
                <input type="text" value="北疆" style="color：gray；" />
            </td>
        </tr>
        <tr height="60">
            <td>所在地区编码</td>
            <td >
                23 <input type="checkbox" />
                34 <input type="checkbox" />
                56 <input type="checkbox" />
                67 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td>用户名</td>
            <td >
                <input type="text" />
            </td>
        </tr>
        <tr height="60">
            <td>密码</td>
            <td >
                <input type="password" maxlength="6" />//控制最多输入6个字            </td>
        </tr>


        <tr height="60">
            <td>注册</td>
            <td >
                <input type="button" value="注册" />
                <input type="button" value="提交"  />
                <input type="button" value="失败" />
                <input type="image" src="zhuce.jpg" />
            </td>
        </tr>
        <tr height="60">
            <td>上传头像</td>
            <td >
                <input type="flie" >
            </td>
        </tr>
        <tr height="60">
            <td>自我介绍</td>
            <td >
                <textarea width= "500"></textarea><!--多行文本框-->
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td ><!--图像按钮-->
                <input type="image" src="zhuce.jpg" >
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td > <!--选择-->
                我同意 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <ins>我是会员立即注册</ins>
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <h3 id="我承诺">我承诺</h3> 
                <ul>
                    <li>辅导班v</li>
                    <li>发给你发</li>
                    <li>vfbf</li>
                    <li>房间打开</li>
                </ul>
            </td>
        </tr>
    </table></body></html>

HTMLのリンクタグの役割とは？ HTMLリンクタグの定義と属性紹介

以上がhtmlのformタグのtype属性の応用例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

HTMLの未来：ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

HTMLの将来は、無限の可能性に満ちています。 1）新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2）Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3）パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード：用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SecLists

SecLists は、セキュリティテスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティテスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティテストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジングペイロード、機密データパターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテストマシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、