INPUT, TEXTAREA

INPUT

Là một trong những thành phần chính giúp nhập và hiển thị dữ liệu của HTML.

Các dạng input thường gặp

https:// .com.vn

    <div class="row m-0 align-items-end">
		<div class="col-4 mb-1">
			<input class="form-control" placeholder="Nhập dữ liệu ở đây">
		</div>
		<div class="col-4 mb-1">
			<label for="">Tiêu đề</label>
			<input class="form-control" placeholder="Input cùng tiêu đề">
		</div>
		<div class="col-4 mb-1">
			<label class="form-label">Date</label>
			<div class="input-icon">
				<input class="form-control input-date" placeholder="Select a date" autocomplete="off">
				<span class="input-icon-addon">
					<!-- Download SVG icon from http://tabler-icons.io/i/calendar -->
					<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-calendar-event">
						<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
						<path d="M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z">
						</path>
						<path d="M16 3l0 4"></path>
						<path d="M8 3l0 4"></path>
						<path d="M4 11l16 0"></path>
						<path d="M8 15h2v2h-2z"></path>
					</svg>
				</span>
			</div>
		</div>
		<div class="col-4 mb-1">
			<div class="row">
				<label class="col-lg-3 col-12 col-form-label required">Dòng
					1:</label>
				<div class="col">
					<input type="text" autocomplete="off" class="form-control" placeholder="Enter email">

				</div>
			</div>
		</div>
		<div class="col-4 mb-1">
				<label class="form-label">Input group</label>
				<div class="input-group">
					<span class="input-group-text"> https:// </span>
					<input type="text" class="form-control" placeholder="subdomain" autocomplete="off">
					<span class="input-group-text"> .com.vn </span>
				</div>
		</div>
		<div class="col-4 mb-1">
			<div class="input-group">
				<div class="input-group-text">
					<input class="form-check-input mt-0" type="checkbox" value="" aria-label="Checkbox for following text input">
				</div>
				<input type="text" class="form-control" aria-label="Text input with checkbox">
			</div>
		</div>
	</div>
</div>

TEXTAREA

Hỗ trợ nhập dữ liệu cho cách trường input.


<div> class="row m-0 align-items-end">
	<div class="col">
		<textarea name="" id="" class="form-control" rows="5" placeholder="Đây là textarea"></textarea>
	</div>
</div>