--- title: Sandbox slug: Sandbox translation_of: Sandbox ---

This is a page

Sample HTML Content

{{EmbedLiveSample('file')}}

coucou les amis

HTML

Sample HTML Content

CSS Content

Sample CSS Content

JavaScript Content

Sample JavaScript Content

Result

{{ EmbedLiveSample('asdfghjk') }}

<html>
</html>

CSS Content

@ Compteur de style fisheye {
  système: cyclique;
  symboles: ◉;


<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>


}

.liste {
    list-style: fisheye, cercle;
}

Hello World

HTML

<p>Hello World</p>

{{EmbedLiveSample ( 'Linux is life')}}

Linux logo

logo couleur MDN (bleu)

Des trucs

Une note 

Un avertissement dans une note

Une note dans un avertissement dans une note

une autre note

Une note dans une note

This is an example of how to use the MDN!

π×1=1×π=2π÷π=π\ Pi \ times 1 = 1 \ times \ pi = 2 \ pi \ div \ pi = \ pi

ππππππ\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}

ππππππ\ Pi \ frac {\ pi} {\ pi} \ frac {\ frac {\ pi} {\ pi}} {\ pi}

∫limjets13e3/XX2réX\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, dx

∫ln(x) dx = x[ln(x) - 1]l\ Int \ limits_ {1} ^ {3} \ frac {e ^ 3 / x} {x ^ 2} \, d+x

abcdefghijklmnopqrstuvwxyz\alphabet

πest un nombre irrationnel, et cela est le rapport entre la circonférence d'un cercle à son diamètre. Il est communément approchée comme 3,14159.\ pifacts {3}

contenu

Test live sample

HTML Content

<p>Hello World</p>

Result

{{ EmbedLiveSample('Test live sample') }}

Focus on a text field

HTML Content

<input type="text" id="myTextField" value="Text field.">
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the text field!</button>

CSS Content

Sample CSS Content

JavaScript Content

focusMethod = function getFocus() {
  document.getElementById("myTextField").focus();
}

Result

{{ EmbedLiveSample('Focus_on_a_text_field') }}

Focus on a button

HTML Content

<button type="button" id="myButton">Click Me!</button>
<p></p>
<button type="button" onclick="focusMethod()">Click me to focus on the button!</button>

CSS Content

Sample CSS Content

JavaScript Content

focusMethod = function getFocus() {
  document.getElementById("myButton").focus();
}

Result

{{ EmbedLiveSample('Focus_on_a_button') }}