HTMLフォームの内部タグの使い方-htmlチュートリアル-php.cn

HTMLフォームの内部タグの使い方

php中世界最好的语言

リリース： 2018-02-03 09:37:55

オリジナル

1932 人が閲覧しました

今回は、HTMLフォームの内部タグの使い方と、HTMLフォームの内部タグを使用する際の注意点を紹介します。実際の事例を見てみましょう。

<html> 
<head> 
<title> form表单的使用 </title> 
<!-- 
标签名称：form 表单标签 
属性：action:提交的去向,目标地址的url 
method:设置提交请求的方式，get和post；默认为get 
get和post提交有什么区别？------------------------ 
get传输：将内容信息放在地址栏传输，而且长度限制在1k,而且安全性不好。 
post传输：将内容房子body信息中传输。没有长度限制。 
子标签： 
input标签：需要提交其中的value，必须有一个name属性。 
属性：type：password 等 
//------------ 
通过下面的实例的演示，发现在某些情况下可以用form去做链接，而且做链接的同时还能提交数据到 
这个目标的地址文件上。 
fieldset标签：定义域 
legend标签：定义域的标题 
--> 
</head> 
<body> 
<fieldset> 
<legend>form表单标签，子标签实例：</legend> 
<form action="01列表.html" method="get"> 
<table border="1px" width="800px"> 
<tr>

ログイン後にコピー

タグリスト:

<select name="cars"> 
<option value="volvo">Volvo</option> 
<option value="saab">Saab</option> 
<option value="fiat" selected="selected">Fiat</option> 
<option value="audi">Audi</option> 
</select>
</tr> 
<tr>

ログイン後にコピー

チェックボックス例:

自転車が好き:

<input type="checkbox" name="Bike">

ログイン後にコピー

車が好き:

<input type="checkbox" name="Car">
</tr> 
<tr>

ログイン後にコピー

ラジオボタン:
男性:ええ
女性:

りー
テキストフィールド:

<input type="radio" checked="checked" name="Sex" value="male">

ログイン後にコピー

タグに名前と値の属性がある限り、タグをフォーム内に配置でき、これらのタグのデータを別の URL に送信することもできます。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

HTML で選択オプションのデフォルトの選択を設定する方法

テーブルの幅を固定する方法 table-layout:fixed

改善するには HTML 入力ボックスを最適化します。ユーザーエクスペリエンスと使いやすさメソッド

以上がHTMLフォームの内部タグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。