Beispiel:Form-text-2.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" >
<style>
input, textarea {
margin: 0 0 2em;
padding: .2em .5em;
background-color: #fffbf0;
border: thin solid #e7c157;
}
label, button {
display:block;
}
label::after {
content: ": ";
}
form {
padding: 1em;
border: thin dotted;
}
</style>
<title>Texteingabe mit writingsuggestions</title>
</head>
<body>
<h1>Creative Writing mit writingsuggestions</h1>
<form>
<fieldset>
<legend>Deine Geschichte</legend>
<label for="story-title">Titel</label>
<input id="story-title" size="48"
writingsuggestions="true"
spellcheck="true"
autocapitalize="word">
<label for="story-content">Inhalt</label>
<textarea id="story-content" cols="50" rows="10"
writingsuggestions="true"
spellcheck="true"
autocapitalize="sentences">
Es war einmal …
</textarea>
</form>
<button type="submit">Absenden!</button>
</form>
</body>
</html>