Html&javaskcript&css&jquery&ajax (10)

Html

1, SVG directly embedded HTML Web pages, SVG is the use of XML to describe the 2D image of the language, canvas through JavaScript to draw 2D

<svg xmlns= "Http://www.w3.org/200/svg" version= "1.1" height= ">"

<polygon point= "100,10,40,190,60,10,190,190" style= "fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" /></svg>

2, MathML <math xmlns= "Http://ww.w3org/1998/Math/MathMl" >

<mrow> <msup><mi>a</mi><mn>2</mn></msup> <mo>+</mo> <MSU P><mi>a</mi><mn>2</mn></msup> <mo>=</mo>

<msup><mi>c</mi><mn>2</mn></msup> </mrow> </math>

3, picture drag and drop first define the inline <style type= "Text/css" >

#div1 {width: "350px;height:" 70px;padding:10px; Border:1px;solid #aaaaaa;} </style>

<script> function AllowDrop (EV) {

Ev.preventdefault ();}

function drag (EV) {

Ev.dataTransfer.setData ("Text", ev.target.id);}

function Drop (EV) {

Ev.preventdefault ();

var data=ev.datatransefaer.getdata ("TESXT");

Ev.target.appendChild (document.getElementById (data);)}</script>

<div id= "Div1" ondrop= "Drop (event)" Ondragover= "AllowDrop (event)" ></div>

<br>

</body>

4, get the location latitude <script> var X=doucment.getelementbyid ("demo");

function GetLocation () {

if (navigation.geolocation) {

Navigation.geolocation.getCurrentPosition (showpostion);

}else{

X.innerhtml= "The browser does not support active Geolocation"}}

function Showposition (position) {

X.innerhtml= "Latitude" +position.coords.lattitude+ "longitude" +position.coords.longtitude;} </script>

5. Video video screen processing label <div style= "Text-align:center" >

<button onclick= "Playpause ()" > Pause/Play </button>

<button onlick= "Makebog ()" > Enlarge </button>

<button onlick= "Makesmall () > Zoom Out </button>

<button onlick= "Makenormal ()" > General </button><br>

<video id= "Video1" width= "420" > <source= "Mov_bbb.mp4" type= "Video/mp4" >

<souce src= "Mov_bbb.ogg" type= "Video/ogg" ></video></div>

<script> var Myvideo=document.getelementbyid ("Video1");

function Playpause () {

if (myvideo.paused)

Myvideo.play ();

else Myvideo.pause ();

}

function Makebig () {myvideo.width=560;}

function Makesmall () {myvideo.width=320;} </script>

6. Audio tag <audio controls><source src= "Horse.ogg": type= "Audio/ogg" >

<source src= "Horse.mp3" type= "Audio/mpeg" ></audio>

7. Input color <form action= "demo-form.php" > Choose your favorite color <input type= "Color" name= "Favcolor" ></br>

<input type= "Submit":></form>

8. Enter Date label <form action= "demo-form.php" > Your birthday <input type= "date" name= "Suekay" >

<input type= "Submit":></form> <!--other e-mail addresses and so on are a type >

9, the input limit of the digital <form action= "demo-form.php" >

<input type= "number" name= "Quantity" min= "1" max= "5" >

<input type= "Submit" ></form>

Sliding bar form Limit <form action= "DEMO-FORM.PHJP" > Points "<input type=" range "name=" Points "Min=1" max= "5" >

<input type= "Submit" > </form>

10. HTML form Elements

DataList elements <input l;ist= "browsers" > <datalist id= "Browsers" > <option value= "Internet Explorer" >

<option value= "Firefox" > <option value= "Chrome" > </datalist>

Html&javaskcript&css&jquery&ajax (10)