Put shorturl directions inside placeholder

This commit is contained in:
SinTan1729 2022-11-02 18:56:58 -05:00
parent 769db79fde
commit 25c12960f3

View File

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