输入-html代码片段

bootstrap-inputs.html
<input type="hidden" name="__NAME__" value="__VALUE__" id="__ID__">

Text

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <input type="text" name="__NAME__" value="__VALUE__" class="form-control" id="__ID__" placeholder="__PLACEHOLDER__" required>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>

Email

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <input type="email" name="__NAME__" value="__VALUE__" class="form-control" id="__ID__" placeholder="example@gmail.com" required>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>

Password

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <input type="password" name="__NAME__" value="__VALUE__" class="form-control" id="__ID__" placeholder="**********" required>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>

Number

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <input type="number" name="__NAME__" value="__VALUE__" class="form-control" id="__ID__" placeholder="__PLACEHOLDER__" required>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>

Textarea

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <textarea name="__NAME__" class="form-control" id="__ID__" rows="3" placeholder="__PLACEHOLDER__" required>__TEXT__</textarea>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>

Select

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <select name="__NAME__" class="form-control" id="__ID__">
        <option value="__VALUE__">__TEXT__</option>
        <option value="__VALUE__">__TEXT__</option>
        <option value="__VALUE__">__TEXT__</option>
    </select>
</div>

Chekbox

<div class="form-check">
    <label class="form-check-label">
        <input type="checkbox" name="__NAME__[]" value="__VALUE__" class="form-check-input">
        __TEXT__
    </label>
</div>

Radio

<fieldset class="form-group">
    <legend>__TITLE__</legend>
    <div class="form-check">
        <label class="__ID__">
            <input type="radio" name="__NAME__" value="__VALUE__" class="form-check-input" id="__ID__">
            __TEXT__
        </label>
    </div>
    <div class="form-check">
        <label class="__ID__">
            <input type="radio" name="__NAME__" value="__VALUE__" class="form-check-input" id="__ID__">
            __TEXT__
        </label>
    </div>
    <div class="form-check">
        <label class="__ID__">
            <input type="radio" name="__NAME__" value="__VALUE__" class="form-check-input" id="__ID__">
            __TEXT__
        </label>
    </div>
</fieldset>

File

<div class="form-group">
    <label for="__ID__">__TITLE__</label>
    <input type="file" name="__NAME__" class="form-control-file" id="__ID__" required>
    <small id="__ID__-help" class="form-text text-muted">__HELP__</small>
</div>