HTML 表单

HTML 表单用于搜集不同类型的用户输入。

元素

HTML 表单用于收集用户输入。

元素定义 HTML 表单：

实例

<form>
 .
form elements
 .

HTML 表单包含ఫారమ్ అంశాలు。

表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

<input> అంశం

<input> అంశం అనేది అత్యంత ముఖ్యమైనదిఫారమ్ అంశాలు。

<input> అంశం అనేది వివిధ రకాలను కలిగివుంటుంది, వివిధ ఉపయోగాలకు అనుగుణంగా వివిధ రకాలను కలిగివుంటుంది. type అంశం

ఈ చాప్టర్లో ఉపయోగించబడిన రకాలు ఇలా ఉన్నాయి:

రకం 描述
text ప్రామాణిక టెక్స్ట్ ఇన్పుట్ నిర్వచించండి
radio రేడియో ఇన్పుట్ (ఎంపికలలో ఒకటిని ఎంచుకోవడానికి) నిర్వచించండి
submit సమర్పించ బటన్ను (ఫారమ్ సమర్పించడం) నిర్వచించండి

注释：మీరు తర్వాత ఈ ట్యూటోరియల్లో మరింత విషయాలను నేర్చుకుంటారు.

టెక్స్ట్ ఇన్పుట్

<input type="text"> నిర్వచించడానికి ఉపయోగించడం చేస్తారు:టెక్స్ట్ ఇన్పుట్యొక్క ఒకరందుకు ఒక లైన్ ఇన్పుట్ ఫీల్డ్ నిర్వచించండి:

实例

<form>
 పేరు:<br>
<input type="text" name="firstname">
<br>
 పేరు తిరిగి:<br>
<input type="text" name="lastname">

స్వయంగా ప్రయత్నించండి

బ్రౌజర్లో ఇది ఇలా కనిపిస్తుంది:

First name:


Last name:

注释：ఫారమ్ యొక్క దృశ్యం కనిపించదు. అలాగే టెక్స్ట్ ఫీల్డ్ యొక్క డిఫాల్ట్ వెడిత్ పది అక్షరాలు ఉంటుంది.

రేడియో బటన్ ఇన్పుట్

<input type="radio"> నిర్వచించండిరేడియో బటన్。

రేడియో బటన్ను ఉపయోగించడం ద్వారా వినియోగదారుడు పరిమిత ఎంపికలలో ఒకటిని ఎంచుకోవచ్చు:

实例

<form>
<input type="radio" name="sex" value="male" checked>పురుషుడు
<br>
<input type="radio" name="sex" value="female">స్త్రీ

స్వయంగా ప్రయత్నించండి

రేడియో బటన్ను బ్రౌజర్లో ఇలా కనిపిస్తుంది:

పురుషుడు

స్త్రీ

సమర్పించ బటన్

<input type="submit"> ఇంకా ఉపయోగించడానికి నిర్వచించబడిన పద్ధతి:ఫారమ్ హాండ్లర్（form-handler）సమర్పించండిఫారమ్ బటన్ను.

ఫారమ్ హాండ్లర్ అనేది సమర్పించబడిన డేటాను ప్రాసెస్ చేసే సర్వర్ పేజీని కలిగివుంటుంది.

ఫారమ్ యొక్క ఫారమ్ హాండ్లర్ లో action అంశంలో నిర్దేశించబడింది:

实例

<form action="action_page.php">
పేరు:<br>
<input type="text" name="firstname" value="Mickey">
<br>
పేరు తిరిగి:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

స్వయంగా ప్రయత్నించండి

బ్రౌజర్లో ఇది ఇలా కనిపిస్తుంది:

First name:


Last name:


Action అంశం

action అంశంఫారమ్ సమర్పించడంలో చేయాల్సిన చర్యను నిర్వచించండి.

ఫారమ్ ని సర్వర్కు సమర్పించడానికి సాధారణంగా సమర్పించ బటన్ను ఉపయోగిస్తారు.

సాధారణంగా, ఫారమ్ వెబ్ సర్వర్ పైని పేజీకి సమర్పించబడుతుంది.

ఈ ఉదాహరణలో, ఒక సర్వర్ స్క్రిప్ట్ని సమర్పించబడిన ఫారమ్ ప్రాసెస్ కు నిర్దేశించబడింది:

<form action="action_page.php">

action అంశాన్ని సరిహద్దు చేయకపోతే, action ప్రసమాయి ప్రస్తుత పేజీకి అమర్చబడుతుంది.

మెథాడ్ అంశం

మెట్హాడ్ అంశంఫారమ్ ప్రసమాయి అయ్యేందుకు ఉపయోగించే HTTP పద్ధతిని నిర్వచిస్తుంది (GET లేదా POST)

<form action="action_page.php" method="GET">

లేదా:

<form action="action_page.php" method="POST">

ఏమిటి GET ఉపయోగించాలి?

మీరు GET ఉపయోగించవచ్చు (డిఫాల్ట్ పద్ధతి):

ఫారమ్ ప్రసమాయి సంభావ్యముగా ఉంటే (ఉదాహరణకు సెచ్ క్వరీస్) మరియు సెన్సిటివ్ సమాచారం లేకపోతే.

మీరు GET ఉపయోగించినప్పుడు, ఫారమ్ డాటా పేజీ చివరి భాగంలో కనిపిస్తుంది:

action_page.php?firstname=Mickey&lastname=Mouse

注释：GET చిన్న పరిమాణంలో డాటా ప్రసమాయి ఉపయోగించబడుతుంది. బ్రాసర్ చివరి భాగంలో సరిహద్దు నిర్వచించబడుతుంది.

ఏమిటి POST ఉపయోగించాలి?

ఈ కింద ఉపయోగించండి POST:

ఫారమ్ డాటా నవీకరణకు ఉపయోగించబడుతుంది లేదా సెన్సిటివ్ సమాచారం (ఉదాహరణకు పాస్‌వర్డ్) ఉంది ఉంటే.

POST సురక్షితం ఎందుకంటే, పేజీ చివరి భాగంలో ప్రసమాయి అయ్యే డాటా అందుకు కనిపించదు.

నేమ్ అంశం

ఫారమ్ ఫీల్డ్స్ సరైగా ప్రసమాయి అయ్యేందుకు ప్రతి ఫీల్డ్‌కు name అంశాన్ని అనుసరించాలి.

ఈ ఉదాహరణలో కేవలం "పేరు తిరిగి" ఇన్‌పుట్ ఫీల్డ్ ప్రసమాయి ఉంటుంది:

实例

<form action="action_page.php">
పేరు:<br>
<input type="text" value="Mickey">
<br>
పేరు తిరిగి:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit">

స్వయంగా ప్రయత్నించండి

ఫారమ్ అంశాలను కలపడానికి <fieldset> ఉపయోగించండి

<fieldset> ఫారమ్‌లో సంబంధిత అంశాలను కలపడానికి ఈ అంశాన్ని ఉపయోగించండి

<legend> ఈ కేస్లో ఫలికించే అంశాలు <fieldset> అంశం లో నిర్వచించబడ్డాయి.

实例

<form action="action_page.php">
<fieldset>
<legend>వ్యక్తిగత సమాచారం:</legend>
పేరు:<br>
<input type="text" name="firstname" value="Mickey">
<br>
పేరు తిరిగి:<br>
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="submit" value="Submit"></fieldset>

స్వయంగా ప్రయత్నించండి

బ్రాసర్‌లో ఈ హెచ్‌టిఎంఎల్ కోడ్ ఈ విధంగా కనిపిస్తుంది:

Personal information:
First name:


Last name:


HTML Form 属性

HTML

元素，已设置所有可能的属性，是这样的：

实例


.
form elements
 .

下面是

属性的列表：

属性 描述
accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。
action 规定向何处提交表单的地址（URL）（提交页面）。
autocomplete 规定浏览器应该自动完成表单（默认：开启）。
enctype 规定被提交数据的编码（默认：url-encoded）。
method 规定在提交表单时所用的 HTTP 方法（默认：GET）。
name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。
novalidate 规定浏览器不验证表单。
target 规定 action 属性中地址的目标（默认：_self）。

注释：您将在下面的章节学到更多关于属性的知识。