Adjusting input size to data-expected length
This commit is contained in:
parent
3c9a67d41b
commit
587fe18606
@ -4,6 +4,18 @@
|
||||
<meta charset="UTF-8">
|
||||
<title>Familia Romana – Pensum A</title>
|
||||
<script type="text/javascript">
|
||||
function adjust_size() {
|
||||
const forms = document.querySelectorAll('form');
|
||||
const form = forms[0];
|
||||
|
||||
|
||||
Array.from(form.elements).forEach((input) => {
|
||||
if (input.type=="text") {
|
||||
input.setAttribute("size", input.dataset.expected.length);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function validate() {
|
||||
const forms = document.querySelectorAll('form');
|
||||
const form = forms[0];
|
||||
@ -29,5 +41,6 @@
|
||||
<br>
|
||||
<input type="submit" value="Submit">
|
||||
</form>
|
||||
<script type="text/javascript">adjust_size();</script>
|
||||
</body>
|
||||
</html>
|
@ -1 +1 @@
|
||||
Nīlus fluvi<input type="text" size="1" data-expected="us" required/> est. Nīlus et Rhēnus fluvi<input type="text" size="1" data-expected="ī" required/> <input type="text" size="1" data-expected="sunt" required/>, Crēta īnsul<input type="text" size="1" data-expected="a" required/> <input type="text" size="1" data-expected="est" required/>. Crēta et Rhodus īnsul<input type="text" size="1" data-expected="ae" required/> sunt. Brundisium oppid<input type="text" size="1" data-expected="um" required/> <input type="text" size="1" data-expected="est" required/>. Brundisium et Tūsculum oppid<input type="text" size="1" data-expected="a" required/> sunt.
|
||||
Nīlus fluvi<input type="text" data-expected="us" required/> est. Nīlus et Rhēnus fluvi<input type="text" data-expected="ī" required/> <input type="text" data-expected="sunt" required/>, Crēta īnsul<input type="text" data-expected="a" required/> <input type="text" data-expected="est" required/>. Crēta et Rhodus īnsul<input type="text" data-expected="ae" required/> sunt. Brundisium oppid<input type="text" data-expected="um" required/> <input type="text" data-expected="est" required/>. Brundisium et Tūsculum oppid<input type="text" data-expected="a" required/> sunt.
|
@ -5,7 +5,7 @@ with open(sys.argv[1], 'r') as infile:
|
||||
content = infile.read()
|
||||
|
||||
# Replace _string_ with html
|
||||
html_head = '<input type="text" size="1" data-expected="'
|
||||
html_head = '<input type="text" data-expected="'
|
||||
html_tail = '" required/>'
|
||||
content = re.sub(r'_([a-zA-Z\-]+)_', html_head+r'\1'+html_tail, content)
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user