طراحی سایت ساناتک
0
تگ Checkbox

checkbox ها ابزاری کارآمد در راستای جواب دادن به پرسش هایی است که پاسخی مثبت یا منفی دارند، این در حالی است که ورودی های متن آزاد بوده و چنین سادگی ندارند.

استفاده از checkbox ها در یک فُرم

استفاده از checkbox ها در یک فُرم

چنین افکتی را اینگونه می توانیم به دست آوریم:

<p>

<input type="checkbox" name="terms" id="terms"/>

<label for="terms">I have read the terms and conditions.</label>

</p>

<p>

<input type="checkbox" name="newsletter" id="newsletter"/>

<label for="newsletter">Subscribe me to your weekly newsletter.

</label>

</p>

<p>

<input type="checkbox" name="offers" id="offers"/>

<label for="offers">I agree that you can contact me regarding

special offers in the future.</label>

</p>

 Checkbox های از قبل انتخاب شده

معمولا زمانی که با checkbox ها کار می کنیم در برخی موارد می خواهیم آن ها از قبل مارک شده باشند، سپس این به عهده کاربر است که تغییرات را اعمال کند، در اینجا ما از خصوصیت checked استفاده می کنیم، مقداری که نیاز داریم تا به این خصوصیت بدهیم نیز checked است!

<p>

<input type="checkbox" name="terms" id="terms"/>

<label for="terms">I have read the terms and conditions</label>

</p>

<p>

<input type="checkbox" name="newsletter" id="newsletter"/>

<label for="newsletter">Subscribe me to your weekly newsletter.

</label>

</p>

<p>

<input type="checkbox" name="offers" id="offers"

checked="checked"/>

<label for="offers">I agree that you can contact me regarding

special offers in the future</label>

</p>

 

تعداد بازدید: 88
مطالب دیگر آموزش طراحی سایت
باگ‌ های شناخته شده مرورگرهاراستی‌ آزمایی کدهای CSS و HTML بعد از طراحی سایترفع خطاهای احتمالی هنگام طراحی سایتدقیق‌ تر شدن در استفاده از jQueryنمایش کپشن‌ های تصاویر درون گالری سایت
 
@

با عضویت در خبرنامه در جریان آخرین اخبار و مطالب سایت قرار بگیرید