Skip to content

Blog Công Nghệ

MENUMENU
  • Trang chủ
  • Giới Thiệu
  • Lập Trình
    • Lập Trình Website
      • Laravel
        • Phân Tích Dự Án
      • PHP
      • SQL
      • HTML
      • CSS
      • Javascipt
      • My Project
      • Wordpress
    • Luyện Skill
    • Lập trình winform
    • CSDL
    • Lập Trình Android
    • Trí tuệ nhân tạo
    • Khai Khoáng Dữ Liệu
    • Arduino
    • Khác
    • Đồ án
  • Phần Mềm
    • Powerpoint
    • Tool
  • Cuộc sống và Giải trí
    • Hợp âm
    • web5ngay - youtube
    • Công Giáo
    • Kỹ Năng Sống
    • Street Workout
  • Danh sách bài viết
  • Guide line
    • Guild line phỏng vấn
    • Guide lines Laravel
    • Guide line Module Frontend
  • Tóm tắt sách
  • Fanpage

Blog Công Nghệ

Nơi chia sẻ kiến thức

Form trong html

16 Tháng Tư, 2020 by admin
Lượt xem: 12
Thông tin

Contents

  • 1) Nhập dữ liệu trên 1 dòng
  • 2) Nhập dữ liệu trên nhiều dòng
  • 3) Dữ liệu bảo mật
  • 4) Chọn duy nhất trong nhóm các tuỳ chọn
  • 5) Chọn nhiều tuỳ chọn trong nhóm các tuỳ chọn
  • 6) Chọn 1 giá trị từ danh sách có sẵn
  • 7) Chọn nhiều giá trị từ ds có sẵn
  • 8) Chọn tập tin từ máy tính
  • 8) Chọn ngày – tháng – năm

1) Nhập dữ liệu trên 1 dòng


2) Nhập dữ liệu trên nhiều dòng

3) Dữ liệu bảo mật



4) Chọn duy nhất trong nhóm các tuỳ chọn

5) Chọn nhiều tuỳ chọn trong nhóm các tuỳ chọn





6) Chọn 1 giá trị từ danh sách có sẵn

7) Chọn nhiều giá trị từ ds có sẵn

8) Chọn tập tin từ máy tính



8) Chọn ngày – tháng – năm

<form action="#" method="post">
	<fieldset>
		<legend>Thông tin</legend>

		<div>
			<h4>1) Nhập dữ liệu trên 1 dòng</h4>
			<label for="fname">Họ Tên: </label>
  			<input type="text" id="fname" name="fname" value=""><br>
		</div>
	
		<div>
			<h4>2) Nhập dữ liệu trên nhiều dòng</h4>
			<textarea cols="40" rows="8" name="textarea" id="textarea" placeholder="Nhập dữ liệu vào đây."></textarea>
		</div>

		<div>
			<h4>3) Dữ liệu bảo mật</h4>
			  <label for="pwd">Mật khẩu: </label>
			  <input type="password" id="pwd" name="pwd"><br><br>
		</div>


		<div>
			<h4>4) Chọn duy nhất trong nhóm các tuỳ chọn</h4>
	
			<label for="radio-choice-1">Nam</label>
			<input type="radio" name="radio-choice" id="radio-choice-1" tabindex="2" value="choice-1" />
	
			<label for="radio-choice-2">Nữ</label>
			<input type="radio" name="radio-choice" id="radio-choice-2" tabindex="3" value="choice-2" />
		</div>
	
		<div>
			<h4>5) Chọn nhiều tuỳ chọn trong nhóm  các tuỳ chọn</h4>

				<input type="checkbox" id="mausac1" name="mausac1" value="Xanh">
		  		<label for="mausac1"> Xanh </label><br>
		  		<input type="checkbox" id="mausac2" name="mausac2" value="Đỏ">
		  		<label for="mausac2"> Đỏ </label><br>
		  		<input type="checkbox" id="mausac3" name="mausac3" value="Vàng">
		  		<label for="mausac3"> Vàng </label><br><br>
		</div>

		<div>
			<h4>6) Chọn 1 giá trị từ danh sách có sẵn</h4>

			<label for="select">Màu sắc</label>
			<select name="mausac" id="mausac">
				<option value="xanh">Xanh</option>
				<option value="do">Đỏ</option>
				<option value="vang">Vàng</option>
			</select>
		</div>
		
		<div>
			<h4>7) Chọn nhiều giá trị từ ds có sẵn</h4>
			<select id="mausac" name="mausac" multiple="multiple">
 			 	<option value="xanh">Xanh</option>
  				<option value="do">Đỏ</option>
  				<option value="tom">Tím</option>
  				<option value="vang">Vàng</option>
			</select>
		</div>

		<div>
			<h4>8) Chọn tập tin từ máy tính</h4>

			  	<label for="myfile">Chọn file</label>
  				<input type="file" id="myfile" name="myfile"><br><br>

		</div>

		<div>
			<h4>8) Chọn ngày - tháng - năm</h4>
			<label for="birthday">Chọn ngày sinh: </label>
		  	<input type="date" id="birthday" name="birthday">

		</div>

		<div>
			<input type="submit" value="Submit"/>
			<input type="reset">
		</div>

	</fieldset>
</form>		

No related posts.

Post navigation

Previous Post:

Tập bụng từ con số 0

Next Post:

Xây dựng phần mềm hướng đối tượng

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Ẩn sidebar

Tìm kiếm

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Blog Công Nghệ

Bài viết mới

  • Master typescript
  • Sendmail trong Laravel sử dụng dịch vụ SES, SQS của Amazon
  • Install SSL in Nginx Ubuntu
  • Docker study
  • Bảo vệ: Hướng dẫn code bot Telegram easy game

Lượng truy cập

0074468
Visit Today : 64
Visit Yesterday : 178
This Month : 739
Who's Online : 4
© 2025 Blog Công Nghệ | WordPress Theme by Superbthemes