سوال درمورد تگ label و input

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام و خسته نباشد.

<form id="" class="" action="" method="" enctype="multipart/form-data">

<label for="username">نام کاربریlabel>

<input id="username" type="text" name="" value="" placeholder="نام کاربری را وارد کنید">

<label for="password"> کلمه عبورlabel>

<input id="password" type="text" name="" value="" placeholder="کلمه عبور را وارد کنید">

<label for="remember">مرا به خاطر بسپارlabel>

<input id="remember" type="checkbox" name="">

<input type="submit" name="" value="ورود به سایت">

<input type="reset" name="" value="حزف اطلاعات">

<button type="submit" name="">ثبت نام در سایتbutton>

form>

1- استاد اتربیوت name رو گفتند برای تیم فنی قرار می‌دیم ولی در input اولی قرار دادن و در بقیه input قرار ندادن. جرا؟

(در کد بالا به همه input ‌ها اتربیوت name ره اضافه کردم)

درود

این ویژگی name کلا یک ویژگی اختیاری هست و برای رفرنس دادن و تمیزنویسی بیشتر استفاده میشه. مثلا فرض کنید اطلاعات فرم بالا رو میخواید در دیتابیس ذخیره کنید و بعدا در یک صفحه اطلاعات رو به کاربر نشون بدید. در اینجا اغلب مقدار value پاس داده میشه، اما بعضی وقتها بسته به نظر فرد میتونه یه نام هم ارسال بشه که معلوم باشه این مقدار ارسالی برای کدوم فیلده. برای امتحانش به این صفحه برید و for و name فیلد اول رو بردارید.

استاد هم صرفا مثال زدند و برای همین فقط به همون اولی اختصاص دادند.

اگر پاسخ بنده براتون مفید بود ممنون میشم تیک تایید پاسخ رو بزنید.

بهترین پاسخ

نازنین کریمی مقدم ۰۵ دی ۱۴۰۱، ۱۶:۰۴

یعنی اگه نزاریم هم تیم فنی سایت این کار رو انجام میدن؟

این مباحث مربوط به فرانت اند‌ها نیست درسته؟

صادق کیامرزی ۰۶ دی ۱۴۰۱، ۰۸:۵۰

این مسائل مربوط به فرانت اند میشه، منتها باید براساس نوع سرویسی که بک اند در اختیارتون میذاره تصمیم بگیرید.

اگر براساس خواسته هاشون نیاز به فرستادن این فیلد نباشه میتونید ست نکنید.

نازنین کریمی مقدم ۰۶ دی ۱۴۰۱، ۱۰:۵۴

دقیق متوجه نشدم باید دوره رو پیش برم تا بهتر درک کنم.

یه نگاه به فرمی که فرستادم میندازید ببینید اوکی هست به نظرتون. ممنون میشم

DOCTYPE html>

<html lang="fa" dir="rtl">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>form و input برای HTML5title>

head>

<body>

<form id="" class="" action="" method="" enctype="multipart/form-data">

<label>نام شما :

<input type="text" name="" value="" placeholder="مثلا : صادق">

label>

<label>نام خانوادگی :

<input type="text" name="" value="" placeholder="مثلا : کیامرزی">

label>

<label for="image">تصویر :

<input type="image" value="تصویر کارت ملی">

label>

<label>کلمه عبور :

<input type="password" name="" value="" placeholder="مثلا : S76K1aa">

label>

<label>مرا به خاطر بسپار

<input type="checkbox" checked>

label>

<label>ثبت نام کنید / وارد شوید

<input type="submit" value="ثبت نام">

<input type="submit" value="ورود">

<button type="reset">پاک کردنbutton>

label>

form>

<hr>

<form id="" class="" action="" method="">

<label for="farstname">نام :label>

<input id="farstname" type="text" placeholder="مثلا : حسین">

<label for="lastname">نام خانوادگی :label>

<input id="lastname" type="text" placeholder="مثلا : کیامرزی">

<label for="password">کلمه عبور :label>

<input id="password" type="text" placeholder="مثلا : H80K1aa">

<label for="rememberme">مرا به خاطر بسپارlabel>

<input id="rememberme" type="radio" checked>

<label for="Loginandregister">ورود/ثبت نامlabel>

<input id="Loginandregister" type="submit" value="ورود">

<input id="Loginandregister" type="submit" value="ثبت نام">

<button type="reset">پاک کردنbutton>

form>

<hr>

<form id="" class="" action="" method="">

<label for="firstnameandlastname">نام و نام خانوادگی :label>

<input id="firstnameandlastname" type="text" disabled placeholder="مثلا : علی">

<label for="password">کلمه عبور :label>

<input id="password" type="password" disabled placeholder="مثلا : A78K1aa">

<label for="rememberme">مرا به خاطر بسپارlabel>

<input id="rememberme" type="checkbox">

<input type="submit" value="ثبت نام/ورود">

<button type="reset">پاک کردنbutton>

form>

body>

html>

صادق کیامرزی ۰۷ دی ۱۴۰۱، ۱۵:۳۰

تصویرشو فرستادم

صادق کیامرزی ۰۷ دی ۱۴۰۱، ۱۵:۳۵

این هم یه تصویر دیگه

صادق کیامرزی ۰۷ دی ۱۴۰۱، ۱۵:۳۸