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>