javascript - How to make a Bobble error for required field in HTML -
I used the code below to create the required fields but I have to show it as below
< Img src = "https://i.stack.imgur.com/aPQyt.png" alt = "Enter image details here">
Please check the following link to see my code My code :
& lt; Form action = "" method = "POST" id = "formID" & gt; Your name: & lt; Input id = "yourname" required /> & Lt; Span id = "yourname msg" style = "margin-left: 6px; color: dark;" & Gt; & Lt; / Span & gt; & Lt; Br / & gt; & Lt; Input type = "submit" / & gt; & Lt; / Form & gt; Note: I've used a Safari browser. Thanks
This should be close to what you want:
Please note that the entire tip (arrows, triangles) should be in a solid color, so it can not be increased to your picture as above.
This is optimized from CSS
. Triangle-isosceles: {After border color: #ddd Transparent; Threshold width: 0 10px 10px; Border-style: solid; Bottom: Auto; material: ""; Display area; Status: Completed; Width: 0; Left: 30px; Top: -10px; }. Triangle-isosceles {background: #ddd; Box-Shadow: 0 1px 3px # 888; Boundary-radius: 4px; Limit: 1px solid #ddd; Color: # 000000; Margin top: 6px; Margin-left: 130px; Padding: 8px 15px; Status: Completed; Width: 160px; display none; }
Comments
Post a Comment