The webpage code is as follows:
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN" "http://www.w3.org/TR/html4/loose.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = gb2312 "/> <title> New Web Project </title> </pead> <body> <input type =" text "id =" test "name =" test" /> <button type = "button" onclick = "alert ($ ('# test '). after serialize () "> submit </button>, refresh the file to load jquery </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Images used:
Final effect:
Default/display of the text box when the cursor is removed:
The text box when the mouse is moved in. When the mouse is released, if the cursor is still on the div, it is also like this:
The text box that appears when you press the mouse button:
Final effect: