input ها در html

ارسال شده توسط: حسین درویشی Comments: 0

input ها در html

input ها در html چیستند و هر کدام از آنها چه کاربردی دارد؟ اینها سوالاتی است که در این جلسه قصد دارم تا به آنها پاسخ دهم.

در جلسه گذشته با تگ فرم در html آشنا شدید، این جلسه هم قصد داریم تا با بکارگیری هر کدام از input ها در اچ تی ام ال با کاربردشان آشنا شوید.

مقصود از input ها چیست؟

در html با تگ input ، توانایی این را خواهید داشت تا بتوانید، اطلاعاتِ کاربران را دریافت کنید.

ما در زبان asp.net به input ها کنترل می گوییم یا در محیط اندروید استودیو آنها را View می نامیم.

انواع input ها

الف) متن (Text)

با استفاده از این input می توانید داده، متن کوتاه، مانند نام، موبایل و… را دریافت کنید.

<html>
<head>
</head>
<body>
<form>
FirstName:<br/>
<input type="text" name="Fname"/>
<br>
LastName:<br/>
<input type="text" name="Lname"/>
</form>
</body>
</html>

امتحان کنید

ب) پسورد (Password)

صرفاً برای دریافت رمز عبور از کاربر است.

<html>
<head>
</head>
<body>
<form>
UserName: <br/>
<input type="text" name="Fname"/>
<br>
Password:<br/>
<input type="Password" name="Lname"/>
</form>
</body>
</html>

امتحان کنید

ج) ثبت (Submit)

این نوع input در فرمی که دارای اکشن هست کاربرد دارد و می تواند اطلاعات وارد شده را به صفحه مشخص شده در صفت Action بفرستد.

<html>
<head>
</head>
<body>
<form action="/reciveInfo.html">
UserName: <br/>
<input type="text" name="Fname"/>
<br>
Password:<br/>
<input type="Password" name="Lname"/>
<br>
<input type="submit"/>
</form>
</body>
</html>

د) رِسِت(reste)

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

<html>
<head>
</head>
<body>
<form>
UserName: <br/>
<input type="text" name="Fname"/>
<br>
Password:<br/>
<input type="Password" name="Lname"/>
<br>
<input type="reset"/>
</form>
</body>
</html>

امتحان کنید

input ها در html باعث می شوند تا با صفحات وب تعامل داشته باشیم و اطلاعات خود را بتوانیم دریافت و ارسال کنیم.

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *