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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -