49 lines
2.4 KiB
HTML
49 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
<title>Тестовое приложение</title>
|
|
<link href="/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
</head>
|
|
<body style="padding: 10px;">
|
|
<h2>Конвертр текста!</h2>
|
|
<form class="needs-validation" novalidate>
|
|
<div class="mb-3">
|
|
<label for="input" class="form-label">Ваш текст</label>
|
|
<input type="text" class="form-control" id="input" required>
|
|
<div class="invalid-feedback">Пожалуйста, введите текст</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="radio" id="radioUppercase" checked>
|
|
<label class="form-check-label" for="radioUppercase">Undercase</label>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="radio" id="radioLowcase">
|
|
<label class="form-check-label" for="radioLowcase">Lowcase</label>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="radio" id="radioSplit">
|
|
<label class="form-check-label" for="radioSplit">Split</label>
|
|
<input type="text" class="form-control" id="inputSplitBy">
|
|
</div>
|
|
</div>
|
|
<div class="mb-3">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="radio" name="radio" id="radioReplace">
|
|
<label class="form-check-label" for="radioReplace">Replace</label>
|
|
<input type="text" class="form-control" id="inputReplaceOld" maxlength="1">
|
|
<input type="text" class="form-control" id="inputReplaceNew" maxlength="1">
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Обработать</button>
|
|
</form>
|
|
<h2>Результат:</h2>
|
|
<p id="result"></p>
|
|
</body>
|
|
<script src="index.js"></script>
|
|
</html> |