readonly/mirror-chhoto-url
1
0
Fork 0
mirror of https://github.com/minoplhy/chhoto-url.git synced 2024-12-22 19:57:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Put shorturl directions inside placeholder

Browse Source
This commit is contained in:
SinTan1729 2022-11-02 18:56:58 -05:00
parent 769db79fde
commit 25c12960f3
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/main/resources/public/index.html
View File

@ -21,6 +21,10 @@
table {
width: 100%;
}
input {
width: 65%;
}
</style>
</head>
@ -32,19 +36,17 @@
<legend>Add new URL</legend>
<div class="pure-control-group">
<label for="longUrl">Long URL</label>
<input type="url" name="longUrl" id="longUrl" placeholder="Long URL" required />
<input type="url" name="longUrl" id="longUrl" placeholder="Please enter a valid URL" required />
</div>
<div class="pure-control-group">
<label for="shortUrl">Short URL (Optional). Only letters, numbers, dashes and underscores
permitted</label>
<input type="text" name="shortUrl" id="shortUrl" placeholder="Short URL (optional)"
<label for="shortUrl">Short URL (Optional)</label>
<input type="text" name="shortUrl" id="shortUrl" placeholder="Only a-z, 0-9, - and _ are allowed"
pattern="[a-z0-9_-]+" />
</div>
<div class="pure-controls">
<button class="pure-button pure-button-primary">Submit</button>
</div>
</fieldset>
</form>
<table class="pure-table">
@ -63,4 +65,4 @@
</body>
</html>
</html>