Một hình thức HTML với ba trường đầu vào; Hai trường văn bản và một nút gửi:
& nbsp; Tên đầu tiên: & nbsp; & nbsp; Họ: & nbsp; & nbsp;
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính name Chỉ định tên của một phần tử
<input>.
Thuộc tính name được sử dụng để tham chiếu các phần tử trong JavaScript hoặc để tham chiếu dữ liệu biểu mẫu sau khi biểu mẫu được gửi.
Lưu ý: Chỉ các thành phần biểu mẫu với thuộc tính name sẽ có các giá trị của chúng được thông qua khi gửi biểu mẫu. Only form elements with a name attribute will have their values passed when submitting a form.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Thuộc tính
Tên
Đúng
Đúng
Đúng
Đúng
Đúng
Cú pháp
Giá trị thuộc tính
Giá trị
Sự mô tả
chữ
Chỉ định tên của phần tử
❮ Thẻ HTML
Trong một phần tử
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
1, thuộc tính name xác định tên của điều khiển. Chỉ các điều khiển có tên mới có thể là thành công, tức là có thể đóng góp cho tập dữ liệu biểu mẫu được gửi đến máy chủ. Do đó, không thể thiếu để làm cho giá trị của điều khiển được gửi đến xử lý phía máy chủ. Thuộc tính
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
3 không liên quan gì đến điều này; Nó có cách sử dụng riêng của nó, chẳng hạn như giúp liên kết một nhãn với điều khiển, như trong ví dụ.
Do đó, thuộc tính name là không cần thiết nếu bạn không cần có giá trị kiểm soát được gửi. Ví dụ: nếu bạn có một nút gửi duy nhất như
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
5, bạn không cần nó; Nhưng nếu bạn có một số nút gửi và bạn cần nhận ra, phía máy chủ, cái nào đã được sử dụng, bạn cần nó. Nếu dữ liệu biểu mẫu không được gửi đến xử lý phía máy chủ mà chỉ được xử lý trong xử lý phía máy khách, thuộc tính name không được sử dụng, vì bạn có thể truy cập các giá trị bằng các phương tiện khác.
Trong các phần tử
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
7 và
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
8, thuộc tính name không hợp lệ trong tất cả các phiên bản HTML. Nếu được sử dụng, nó sẽ đơn giản bị bỏ qua, ngoại trừ theo nghĩa là nó được lưu trữ (giống như bất kỳ thuộc tính không hợp lệ nào) trong thuộc tính
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with img, map, area</title>
</head>
<body>
<img src="../../html/attributes/attribute-name-example.gif" alt="name example " width="308" height="190" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="8,5,100,77" href="../../mysql/mysql-tutorials.php" target="_blank" alt="mysql tutorial" / >
<area shape="circle" coords="155,93,59" href="../../php/php-home.php" target="_blank" alt="php tutorial / >
<area shape="rect" coords="197,136,306,188" href="../../sql/sql-tutorials.php" alt="sql tutorials" / >
</map>
</body>
</html>
0 trong DOM và có thể được truy cập trong kịch bản phía máy khách.
Xem xét câu hỏi chung như trong tiêu đề câu hỏi, thuộc tính name được cho phép và nhận ra trong một số yếu tố, không được phép và bỏ qua ở những người khác, và khi được phép, ý nghĩa của nó được xác định trong định nghĩa của phần tử. Không có nhiều điểm chung giữa các định nghĩa này.
Một số nhầm lẫn đã được gây ra bởi các tuyên bố như thuộc tính name không được chấp nhận/lỗi thời. Các tuyên bố như vậy là chính xác cho thuộc tính này trong một số yếu tố trong một số phiên bản HTML, nhưng trong các yếu tố
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
1 chẳng hạn, nó vẫn là chính thức và cần thiết. Cập nhật lần cuối vào ngày 19 tháng 8 năm 2022 21:50:38 (UTC/GMT +8 giờ)
Tên
Mục đích của thuộc tính tên HTML là chỉ định tên cho một phần tử. Giá trị của thuộc tính tên hoạt động như một định danh của phần tử.
Các yếu tố được hỗ trợ
Nút thuộc tính tên HTML hỗ trợ, Textarea, select, form, frame, iframe, img, a, input, object, map, param và meta.
Cú pháp
<ElementName name="value" >.....</ElementName>
Trong đó ElementName là bất kỳ phần tử được hỗ trợ.
Loại giá trị
Tên cho phần tử meta và dữ liệu ký tự cho phần còn lại của các phần tử được hỗ trợ.
Giá trị
Một tên để xác định phần tử.
Giá trị mặc định
Không có giá trị mặc định của thuộc tính tên HTML.
Hỗ trợ doctypes
HTML 4.01 Strict, HTML 4.01 Chuyển tiếp, HTML 4.01 khung cho nút, Textarea, chọn, Form, IMG, A, Input, Object, Map, param.
4.01 khung cho khung, iframe.
Ví dụ về thuộc tính tên HTML với biểu mẫu, nút, textarea, chọn, đầu vào
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with form, button, textarea, select, input</title>
</head>
<body>
<form name="name_example">
Name : <input type="text" name="name"/><br/>
<label>Favorite Sports </label>
<select name="favourite_sports" >
<option value="Soccer">Soccer</option>
<option value="Hockey">Hockey</option>
<option value="Tennis">Tennis</option>
<option value="Golf">Golf</option>
</select><br/>
<label>Describe yourself in short : </label> <br/><textarea cols="10" rows="10"> </textarea><br/>
<button type="button" name="submit">Submit</button>
</form>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với biểu mẫu, nút, textarea, chọn, đầu vào
Ví dụ về thuộc tính tên HTML với IMG, bản đồ, khu vực
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with img, map, area</title>
</head>
<body>
<img src="../../html/attributes/attribute-name-example.gif" alt="name example " width="308" height="190" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="8,5,100,77" href="../../mysql/mysql-tutorials.php" target="_blank" alt="mysql tutorial" / >
<area shape="circle" coords="155,93,59" href="../../php/php-home.php" target="_blank" alt="php tutorial / >
<area shape="rect" coords="197,136,306,188" href="../../sql/sql-tutorials.php" alt="sql tutorials" / >
</map>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với IMG, bản đồ, khu vực
Ví dụ về thuộc tính tên HTML với một
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with a</title>
</head>
<body>
<a href="https://www.w3resource.com/index.php" name="w3r_home">Learn Web development</a>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với một
Ví dụ về thuộc tính tên HTML với khung
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with frame</title>
</head>
<frameset rows="20%,*,20%" >
<frame src="header.html" frameborder="1" name="header" title="Header window"/>
<frame src="content.html" frameborder="0" name="content" title="Content window" marginheight="10"/>
<frame src="footer.html" frameborder="0" name="footer" title="footer window" marginheight="10"/>
</frameset>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với khung
Ví dụ về thuộc tính tên HTML với iframe
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with iframe</title>
</head>
<body>
<iframe src="../../sql/customer.php" height="100%" width="540" frameborder="1" title="The customer information " name="customer_info" > </iframe>
</body>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với iframe
Ví dụ về thuộc tính tên HTML với meta
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML name attribute with meta </title>
<meta name="description" content="Learn web development " />
<meta name="keywords" content="HTML,CSS,JavaScript,PHP,SQL,MySQL" />
<meta name="author" content="w3resource" />
</head>
<body>
<p>This example contains name attributes for meta elements</p>
</body>
</body>
</html>
Kết quả
Xem ví dụ này trong một cửa sổ trình duyệt riêng biệt
Ví dụ về thuộc tính tên HTML với meta
Trước: HTML đa thuộc tính: thuộc tính HTML NOHREF HTML multiple attribute Next: HTML nohref attribute
Tên và ID HTML là gì?
ID được sử dụng để xác định phần tử HTML thông qua mô hình đối tượng tài liệu (thông qua JavaScript hoặc được tạo kiểu CSS).ID dự kiến là duy nhất trong trang.Tên tương ứng với phần tử biểu mẫu và xác định những gì được đăng lại cho máy chủ.
ID và tên trong thẻ đầu vào là gì?
Tên là tên được sử dụng khi giá trị được truyền (trong URL hoặc trong dữ liệu được đăng) .id được sử dụng để xác định duy nhất phần tử cho kiểu dáng CSS và JavaScript.id is used to uniquely identify the element for CSS styling and JavaScript.
Tên thẻ trong CSS là gì?
Tên thẻ.Ví dụ, trong HTML, thẻ cho phần tử đoạn văn là.CSS Cú pháp để chọn các thành phần là: P {}p { }