blob: 83717a6c173af4489e57d56316d3f16e5ab21aa3 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkout Payment - Ebay - FR</title>
</head>
<body class="xo desktop">
<div id="root">
<div class="bodyContent" tabindex="-1">
<div userid="hadox-45" isebayintermediated="true" aria-hidden="true"></div>
<div id="gh-gb" tabindex="-1"></div>
<h1 class="page-title">Finalisation de l'achat</h1>
<div class="credit-card-container">
<div class="form-element card-number">
<div class="credit-card-number" aria-live="polite">
<div class="float-label expanded"><label for="cardNumber">Numéro de carte</label>
<div><input aria-required="true" data-validations="REQUIRED_FIELD" class="" autocomplete="cc-number"
data-val_required_field_params="{}" id="cardNumber" type="tel" name="cardNumber"
value="4111 1111 1111 1111" error=""></div>
<div class="card-types" aria-live="polite"><span aria-hidden="false" class="payment-logo VISA small"
aria-label="VISA" role="img"></span></div>
</div>
</div>
</div>
<div class="">
<div class="form-element">
<div class="float-label expanded"><label for="cardExpiryDate">Date d'expiration</label>
<div><input autocomplete="cc-exp" class="" aria-describedby="cardExpiryDate-accessorylabel"
aria-required="true" data-val_month_and_year_format_params="{}" data-val_required_field_params="{}"
id="cardExpiryDate" type="tel" name="cardExpiryDate" placeholder="MM / AA"
data-validations="MONTH_AND_YEAR_FORMAT,REQUIRED_FIELD" value="02/23" error=""></div>
<div id="cardExpiryDate-accessorylabel" class="secondary-text"></div>
</div>
</div>
<div class="form-element card-cvv">
<div class="float-label"><label for="securityCode">Code de sécurité</label>
<div><input autocomplete="cc-csc" maxlength="3" optionaltext="Facultatif pour une carte de débit."
pattern="[0-9]*" id="securityCode" type="tel" name="securityCode" class=""
placeholder="3 ou 4 chiffres" data-validations="CVV_NUMBER" value="" cardnumber="4111 1111 1111 1111"
data-val_cvv_number_params="{}"></div>
<div class="bubble"><span class="bubble-child"><span class="bubblehelp"><span class="infotip "><button
tabindex="0" aria-expanded="false" aria-label="En savoir plus sur le code de sécurité."
class="icon-btn infotip__host" type="button"><svg height="24px" width="24px"
class="icon icon--information " xmlns="http://www.w3.org/2000/svg" focusable="false"
aria-hidden="true">
<use xlink:href="#icon-information"></use>
</svg></button><span class="infotip__overlay" role="tooltip"
style="inset: 218.3px auto auto 709.7px; position: fixed;"><span
class="infotip__pointer infotip__pointer--top-left"></span><span class="infotip__mask"><span
class="infotip__cell"><span class="infotip__content">
<div class="ICON"><span class="loadable-icon-and-text"><span
class="visa-cvv loadable-icon-and-text-icon" aria-hidden="true"></span></span></div>
<div class="ICON"><span class="loadable-icon-and-text"><span
class="amex-cvv loadable-icon-and-text-icon" aria-hidden="true"></span></span></div>
<div class="TITLE"><span class="loadable-icon-and-text"><span class="text-display"><span
class="">Visa, Mastercard ou Discover</span></span></span></div>
<ul>
<li class="DETAILS_LIST"><span class="loadable-icon-and-text"><span
class="text-display"><span class="">Il s'agit du numéro à 3 chiffres situé au
verso de votre carte, à côté de l'emplacement réservé à la
signature.</span></span></span></li>
</ul>
<div class="TITLE"><span class="loadable-icon-and-text"><span class="text-display"><span
class="">American Express</span></span></span></div>
<ul>
<li class="DETAILS_LIST"><span class="loadable-icon-and-text"><span
class="text-display"><span class="">Il s'agit du numéro à 4 chiffres situé au
recto de votre carte au-dessus de son numéro.</span></span></span></li>
</ul>
</span><button aria-label="Close CVV Information Overlay" class="infotip__close"
type="button"><svg height="24px" width="24px" class="icon icon--close "
xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
<use xlink:href="#icon-close"></use>
</svg></button></span></span></span></span></span></span></div>
</div>
</div>
</div>
<div class="form-element">
<div class="float-label expanded"><label for="cardHolderFirstName">Prénom</label>
<div><input autocomplete="cc-given-name" aria-required="true"
aria-describedby="cardHolderFirstName-accessorylabel" data-val_required_field_params="{}"
id="cardHolderFirstName" type="text" name="cardHolderFirstName" class=""
placeholder="Saisissez le prénom sur la carte" data-validations="REQUIRED_FIELD" value="John"></div>
<div id="cardHolderFirstName-accessorylabel" class="secondary-text"></div>
</div>
</div>
<div class="form-element">
<div class="float-label expanded"><label for="cardHolderLastName">Nom</label>
<div><input autocomplete="cc-family-name" aria-required="true"
aria-describedby="cardHolderLastName-accessorylabel" data-val_required_field_params="{}"
id="cardHolderLastName" type="text" name="cardHolderLastName" class=""
placeholder="Saisissez le nom sur la carte" data-validations="REQUIRED_FIELD" value="Smith"></div>
<div id="cardHolderLastName-accessorylabel" class="secondary-text"></div>
</div>
</div>
<div class="form-element remember-card"><span class="checkbox-wrapper field"><span
class="checkbox field__control"><svg style="display: none;">
<symbol id="icon-checkbox-checked" viewBox="0 0 22 22">
<path fill-rule="evenodd"
d="M1 0h20a1 1 0 011 1v20a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1zm7.3 15.71a1 1 0 001.41 0l8-8h-.01a1 1 0 00-1.41-1.41L9 13.59 5.71 10.3a1 1 0 00-1.41 1.41l4 4z">
</path>
</symbol>
<symbol id="icon-checkbox-checked-small" viewBox="0 0 14 14">
<path
d="M13 0H1a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1V1a1 1 0 00-1-1zm-2.29 5.71l-4 4a1 1 0 01-1.41 0l-2-2a1 1 0 011.41-1.42L6 7.59 9.29 4.3a1 1 0 011.41 1.41h.01z">
</path>
</symbol>
<symbol id="icon-checkbox-unchecked" viewBox="0 0 21 22">
<path fill-rule="evenodd"
d="M.955 0h19.09c.528 0 .955.448.955 1v20c0 .552-.427 1-.955 1H.955C.427 22 0 21.552 0 21V1c0-.552.427-1 .955-1zm.954 20h17.182V2H1.909v18z">
</path>
</symbol>
<symbol id="icon-checkbox-unchecked-small" viewBox="0 0 14 14">
<path d="M13 14H1a1 1 0 01-1-1V1a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1zM2 12h10V2H2v10z"></path>
</symbol>
</svg><input for="rememberCard" id="rememberCard" class="checkbox__control " type="checkbox"
checked=""><span class="checkbox__icon" hidden=""><svg height="24px" width="24px"
class="checkbox__checked" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
<use xlink:href="#icon-checkbox-checked"></use>
</svg><svg height="24px" width="24px" class="checkbox__unchecked" xmlns="http://www.w3.org/2000/svg"
focusable="false" aria-hidden="true">
<use xlink:href="#icon-checkbox-unchecked"></use>
</svg></span></span><label class="field__label field__label--end" for="rememberCard"><span
class="text-display"><span class="">Enregistrer cette carte pour de futurs
achats</span></span></label></span></div>
</div>
</div>
</div>
</body>
</html>
|
